当前位置: 首页 > 面试题库 >

如何通过Bootstrap选项卡使用AJAX加载?

慕阳
2023-03-14
问题内容

我使用了bootstrap-tabs.js,它运行良好。

但是我没有找到有关如何通过AJAX请求加载内容的信息。

那么,如何在bootstrap-tabs.js中使用AJAX加载?


问题答案:

您可以change在事件处理程序中监听事件并ajax加载内容

$('.tabs').bind('change', function (e) {
    var now_tab = e.target // activated tab

    // get the div's id
    var divid = $(now_tab).attr('href').substr(1);

    $.getJSON('xxx.php').success(function(data){
        $("#"+divid).text(data.msg);
    });
})


 类似资料:
  • 问题内容: 我试图使用jQueryUI选项卡,通过AJAX加载选项卡。 我遇到的问题是放在这些标签上的Google可视化文件-通过AJAX检索时它们不会出现。 我设置了一个简单的演示: 标签页为 http://htmlto.com/ui/index.php。标签1会加载此处显示的页面: http //htmlto.com/ui/tab1.php 但是,事实并非如此。我已经看到了涉及解决此问题的类似

  • 本文向大家介绍bootstrap选项卡使用方法解析,包括了bootstrap选项卡使用方法解析的使用技巧和注意事项,需要的朋友参考一下 选项卡Tabs是Web中一种非常常用的功能。用户点击或悬浮对应的菜单项,能切换出对应的内容 Bootstrap框架中的选项卡主要有两部分内容组成: 选项卡组件(也就是菜单组件),对应的是 Bootstrap的 nav-tabs) 底部可以切换的选项卡面板,在 Bo

  • 问题内容: 我有包含大量数据的大型表格,所以我希望每个标签都带有大量数据的标签。 我希望在单击标签标题时可以延迟加载标签内容,然后在以后再次选择时不需要再次重新加载。 我认为这个示例符合我想要的方向: [ngular-ui选项卡在tab-content中加载模板 但这似乎加载了一个静态模板: 如何使用$ http.get()动态加载窗格的内容?注意:这已经是通过ng-view路由加载的页面,因此我

  • 我需要的TabLayout有一个“x”的标签数量,这可以根据用户的数据,已经在数据库中有所不同 My xml: 我的代码:

  • 问题内容: 如您在这里看到的,我有一个启动模态的按钮。设置按钮的href网址,该网址会由Bootstrap 3自动加载到模式中。事实是,此页面已加载到模式根中(如引导3文档中有关模式使用的内容所述)。我想将其加载到模态主体中。 有没有一种方法可以通过属性(不是javascript)做到这一点?或最自动的方法是什么? PS:我记得在Bootstrap 2中,内容已加载到主体中,而不是根中。 问题答案

  • 问题内容: 我有一个常规的Twitter Bootstrap 3标签。我要做的就是控制 一个元素来控制多个容器。 在此示例中,当我更改标签时,仅第一个被更改。我要两个容器都改变,而不仅仅是第一个。 谢谢! 问题答案: 我将 data-target 属性添加到a元素并更改第二个tab内容中的id 我修改了这行 您的: 我的更新: 第二个选项卡内容,您的: 我的更新: