Jquery ui JQuery选项卡-使所选选项卡可单击

我基本上需要当前选择的标签，以保持可点击的意义 链接仍应处于活动状态

选项卡中的内容是通过ajax加载的，可以更改，因此 用户可以通过再次单击选项卡刷新内容的方式。 但默认设置使选项卡在打开后不可单击 选中，这使得用户必须单击另一个选项卡，然后返回 刷新内容

---

非常感谢您的帮助，谢谢。

单击选项卡时，tabs插件将触发“tabsselect”事件。注册一个回调，其第二个参数将有一个“tab”属性，您可以在其中检查您在哪个选项卡上：

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

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

编辑：

它只会在选项卡实际更改时触发。可以绑定tabs结构中的锚元素，并检查ui-tabs选择的类。tabs插件上有不错的文档：

大致：

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

---

定义锚定到选项卡的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>

---

这不是一个好的UI范例。这样想，来到您页面的用户必须知道，他们必须再次单击选项卡才能刷新。相反，为什么不添加一个刷新图标或一些类似gmail或facebook的信息呢。更改接口范例通常不是一个好主意：-我同意约德夫的观点。您可以轻松地将Jquery UI刷新图标添加到选项卡中，该图标也将在选定的选项卡中保持可单击状态。我同意刷新图标。。但是，我不知道如何将它与JQuery UI选项卡相匹配。。如果我添加了一个图像和一个锚定链接，它就会从选项卡中滑过。。。我有这样的想法：