如何使用AJAX加载与引导标签？ [英] How to use AJAX loading with Bootstrap tabs?

问题描述

我用引导-tabs.js和应用得很完美。

I used bootstrap-tabs.js and it has worked perfectly.

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

But I didn't find information about how to load content through AJAX request.

那么，如何使用AJAX加载与引导，tabs.js？

So, how to use AJAX loading with bootstrap-tabs.js?

推荐答案

您可以听的变更在事件处理事件和Ajax加载内容

You can listen the change event and ajax load content in the event handler

$('.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);
    });
})

这篇关于如何使用AJAX加载与引导标签？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！