Bootstrap Tabs First Tab动态加载,无需点击它

时间:2015-06-17 14:43:52

标签: javascript jquery ajax twitter-bootstrap tabs

我在我的应用程序中使用Bootstrap选项卡,并通过ajax调用动态加载它们的一些部分内容。

除第一个标签外,一切正常... 选项卡已加载,但只有在单击选项卡后才会提交Ajax调用。

如何让第一个标签在页面加载时加载ajax内容?

1 个答案:

答案 0 :(得分:3)

这是solution

希望它有所帮助! (:

JS:

$('.active[data-toggle="tabajax"]').each(function(e) {
    var $this = $(this),
        loadurl = $this.attr('href'),
        targ = $this.attr('data-target');

    $.get(loadurl, function(data) {
        $(targ).html(data);
    });

    $this.tab('show');
    return false;
});