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

小编典典

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

ajax

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

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

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

阅读 475

2020-07-26

共1个答案

小编典典

您可以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);
    });
})

2020-07-26