JQuery选项卡 - 使选定的选项卡可点击

问题描述：

我基本上需要当前选定的选项卡保持可点击（意味着链接仍应该是活动的）。JQuery选项卡 - 使选定的选项卡可点击

选项卡中的内容通过ajax加载并可以更改，因此人们可以通过再次单击选项卡来“刷新”其内容。但是默认设置会使选项卡在选中后无法点击，这会让用户不得不点击另一个选项卡，然后返回来刷新内容。

我感谢任何帮助，谢谢。

这是不是一个好的UI范例。以这种方式考虑，访问您网页的用户必须知道他们必须再次单击该选项卡才能刷新。相反，为什么不添加刷新图标或一些消息，如Gmail或Facebook做什么。更改接口范例通常不是一个好主意。 :-) – AboutDev 2009-11-13 20:54:14

我同意AboutDev。您可以轻松地将Jquery UI刷新图标添加到选项卡中，该选项卡也将在选定选项卡中保持可点击。 – Daff 2009-11-13 21:05:04

我同意“刷新”图标..但是，我不知道如何适应它与“JQuery UI”选项卡..如果我添加图像和锚链接，它滑过选项卡... 我有这样的事情：

Countries
States

– Balu 2009-11-13 21:32:32

答

当单击标签时，标签插件将触发'tabsselect'事件。注册一个回调，它的第二个参数将有一个“标签”属性，你可以检查你的选项卡：

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 
    } 
});

答

定义锚的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选项卡 - 使选定的选项卡可点击

相关推荐