我在我的应用程序中使用Bootstrap选项卡,并通过ajax调用动态加载它们的某些部分内容。引导标签第一个标签动态加载,而不必点击它
它可以正常工作,但第一个标签除外... 该选项卡已加载,但只有在单击该选项卡后才会提交Ajax调用。
我如何使第一个标签页加载ajax内容?
我在我的应用程序中使用Bootstrap选项卡,并通过ajax调用动态加载它们的某些部分内容。引导标签第一个标签动态加载,而不必点击它
它可以正常工作,但第一个标签除外... 该选项卡已加载,但只有在单击该选项卡后才会提交Ajax调用。
我如何使第一个标签页加载ajax内容?
这里是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;
});
aaaah哇这看起来不错:D 但是,可以替换其他功能还是仍然需要? 因为我想一个标签点击它变得活跃,然后你的功能将被称为,而不是? – Joggal
在点击是好的,但你可以抽象你的逻辑func,所以它不会重复。然后从两个地方拨打电话。 –
第一个函数,因为它现在不会被称为第二次。 –
请在的jsfiddle或其他地方简单的娱乐,所以我们可以看到发生了什么 –
[链接](http://jsfiddle.net/adrienne/La2765jn/)。 ..这是一个例子(不是我的寿)。但正如你所看到的,第一个活动标签没有加载。只有当你再次点击该标签时,内容才会显示。 我知道问题是“click “在ajax代码中,但我怎样才能使第一个标签自动加载? – Joggal