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

【问题标题】：Twitter Bootstrap: Reload Current TabTwitter Bootstrap：重新加载当前选项卡
【发布时间】：2012-07-09 01:13:12
【问题描述】：

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

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

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

【问题讨论】：

我想你只需要$('#tab-loaded-content').load($('li.active a[data-toggle="tab"]').attr('href')); 还没有尝试过，如果失败请告诉我。
有效！谢谢！你应该把你的答案放在这个问题的正确答案部分，这样我就可以给你答复代表。
太棒了！我以前不想这样做，因为我对答案不是 100% 有信心，但我现在已经做到了。很高兴我能帮上忙。 :)

标签： jquery twitter-bootstrap

【解决方案1】：

试试吧

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

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

上面的一行只是告诉它从链接的href 属性中加载内容，该链接是活动标签li.active 的子项。

【讨论】：

【解决方案2】：

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

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

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

$.ajaxSetup(
{
    cache: false
});

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

【讨论】：