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'));

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

上面的一个内容只是告诉它加载来自作为活动标签href的子级的链接的li.active属性的内容。

Answer 2

sachleen的解决方案对我来说是偏袒的。首先，我必须将tab-loaded-content替换为要更新的实际选项卡：

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

但它仍然没有更新内容，我不得不禁用jquery ajax缓存功能，例如：

$.ajaxSetup(
{
    cache: false
});

经过这些修改，它对我来说很好用！

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

2 个答案: