2015-06-17 41 views
0

我在我的应用程序中使用Bootstrap选项卡,并通过ajax调用动态加载它们的某些部分内容。引导标签第一个标签动态加载,而不必点击它

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

我如何使第一个标签页加载ajax内容?

+0

请在的jsfiddle或其他地方简单的娱乐,所以我们可以看到发生了什么 –

+0

[链接](http://jsfiddle.net/adrienne/La2765jn/)。 ..这是一个例子(不是我的寿)。但正如你所看到的,第一个活动标签没有加载。只有当你再次点击该标签时,内容才会显示。 我知道问题是“click “在ajax代码中,但我怎样才能使第一个标签自动加载? – Joggal

回答

2

这里是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; 
}); 
+0

aaaah哇这看起来不错:D 但是,可以替换其他功能还是仍然需要? 因为我想一个标签点击它变得活跃,然后你的功能将被称为,而不是? – Joggal

+0

在点击是好的,但你可以抽象你的逻辑func,所以它不会重复。然后从两个地方拨打电话。 –

+0

第一个函数,因为它现在不会被称为第二次。 –

相关问题