在活动标签引导加载AJAX内容(Bootstrap load AJAX content in Ina

我建立利用引导标签和AJAX的站点。 我一直这样，当与类的链接设置它.load被点击HTML文档的内容加载到活动标签，在这种情况下， #tab2 。

这是使用以下进行：

 $(function(){
    $("#tab2").delegate('.load', 'click', function (e) { 
        e.preventDefault();
        $("#tab2").load($(this).attr("href"));
    });
});

我还需要一些链接#tab2 ，那些之类的.load-tab1加载内容到#tab1 ，这是我用下面的代码来实现的。

 $(function(){
    $("#tab2").delegate('.load-tab1', 'click', function (e) { 
        e.preventDefault();
        $("#tab1").load($(this).attr("href"));
    });
});

问题是我无法工作，如何让这个当.load-tab1链接被点击的活动标签也从切换#tab2到#tab1 。

任何帮助将不胜感激！

更新：

我能得到它与下面的代码工作，但还是想有一个更好的解决方案。

 $(function(){
    $("#tab2").delegate('.load-tab1', 'click', function (e) { 
        e.preventDefault();
        $("#tab1").load($(this).attr("href"));
        $(".tab2").removeClass("active");
        $(".tab1").addClass("active");
        $(".tab-content #tab2").removeClass("active");
        $(".tab-content #tab1").addClass("active");
    });
});

Answer 1:

你应该选择该选项卡中的.load()回调：

 $(function(){
    $("#tab2").delegate('.load-tab1', 'click', function (e) { 
        e.preventDefault();
        $("#tab1").load($(this).attr("href"), function(response, status, xhr){

          $( theFirstTabAnchorSelector ).tab('show');

        });
    });
});

文章来源: Bootstrap load AJAX content in Inactive Tab