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

你如何重新加载当前选择的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的子li.active 。

Answer 2

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

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

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

 $.ajaxSetup( { cache: false }); 

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