Question

我基本上需要当前选中的标签保持可点击（意思是该链接仍应处于活动状态。）

选项卡中的内容是通过ajax加载的，可以更改，所以通过再次单击选项卡，该人可以“刷新”其内容的方式。但是默认设置会使标签一旦点击就无法点击选中，这使得用户必须单击另一个选项卡然后返回刷新内容。

感谢任何帮助，谢谢。

Answer 1

单击选项卡时，选项卡插件将触发'tabsselect'事件。注册一个回调，其第二个参数将有一个'tab'属性，您可以在其中查看您所在的选项卡：

jQuery('#tabs-container').bind('tabsselect', function(e, tabsContainer) {

   jQuery(tabsContainer.tab).attr('href'));
});

EDITIED：

只有当标签实际发生变化时才会触发。也许绑定在tabs结构中的anchor元素上，并检查ui-tabs选择的类。标签插件上有很好的文档：http://docs.jquery.com/UI/Tabs。

大致是：

jQuery('#tabs-container a').bind('click', function() {
    if(jQuery(e.target).hasClass('ui-tabs-selected')) {
        // do some stuff
    }
});

Answer 2

将锚点的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>

JQuery选项卡 - 使选中的选项卡可单击

2 个答案: