我基本上需要当前选定的选项卡保持可点击状态(这意味着链接应该仍然处于活动状态)。
选项卡中的内容是通过 ajax 加载的并且可以更改,因此人们可以通过再次单击选项卡来“刷新”内容的方式。但是默认设置使选项卡一旦被选中就无法点击,这使得用户必须单击另一个选项卡然后返回以刷新内容。
我感谢任何帮助,谢谢。
我基本上需要当前选定的选项卡保持可点击状态(这意味着链接应该仍然处于活动状态)。
选项卡中的内容是通过 ajax 加载的并且可以更改,因此人们可以通过再次单击选项卡来“刷新”内容的方式。但是默认设置使选项卡一旦被选中就无法点击,这使得用户必须单击另一个选项卡然后返回以刷新内容。
我感谢任何帮助,谢谢。
将锚点的 onclick 事件定义到选项卡以重新加载或发送到父页面,如下所示
<div id="divTab">
<ul>
<li><a href="#tab_1">First Tab</a></li>
<li><a href="#tab_2" style="cursor:pointer;" onclick="window.location.reload();">Second Tab</a>
</li>
<li><a href="#tab_3" style="cursor:pointer;" onclick="window.location.replace('url');">Third Tab</a>
</li>
</ul>
</div>
单击选项卡时,选项卡插件将触发“选项卡选择”事件。注册一个回调,它的第二个参数将有一个 'tab' 属性,您可以在其中检查您所在的选项卡:
jQuery('#tabs-container').bind('tabsselect', function(e, tabsContainer) {
jQuery(tabsContainer.tab).attr('href'));
});
编辑:
它只会在选项卡实际更改时触发。也许绑定在选项卡结构中的锚元素上,并检查 ui-tabs-selected 类。选项卡插件上有不错的文档:http: //docs.jquery.com/UI/Tabs。
大致:
jQuery('#tabs-container a').bind('click', function() {
if(jQuery(e.target).hasClass('ui-tabs-selected')) {
// do some stuff
}
});