jquery - Twitter Bootstrap：重新加载当前选项卡

Question

你如何重新加载当前选择的 Twitter Bootstrap 选项卡？

这是我到目前为止所拥有的，但它只会使任何后续选项卡重新加载多次。

function reload_tab() {
   $('a[data-toggle="tab"]').on('shown', function (e) {
       $('#tab-loaded-content').load($(e.target).attr('href'));
   });
}

Answer 1

试一试

$('#tab-loaded-content').load($('li.active a[data-toggle="tab"]').attr('href'));

您所做的是每次调用 reload 函数时，它都会绑定到shown事件（不知道它是否存在）以重新加载该选项卡。调用它两次，标签将重新加载两次。不是你想要的！

上面的一个衬里只是告诉它从href作为活动选项卡的子链接的属性中加载内容li.active。

Answer 2

sachleen 的解决方案对我有效。首先，我必须用要更新的实际选项卡替换选项卡加载内容：

$('#project_contracttaken').load($('li.active a[data-toggle="tab"]').attr('href'));

但是还是没有更新内容，我只好禁用jquery ajax缓存功能，例如：

$.ajaxSetup(
{
    cache: false
});

在这些更改之后，它对我来说很好用！