显示/隐藏的链路,如果选择某些jQuery UI的标签
-
25-09-2019 - |
题
当被点击我的#文本链接,我需要选择标签5,并且当标签5中选择我需要隐藏#我的文本链接。希望这是有道理的,继承人的代码,也是我迄今所做的,请随时告诉我一个更好的办法。由于事先
var $tabs = $('.tabbed').tabs(); // first tab selected
$('#my-text-link').click(function() { // bind click event to link
$tabs.tabs('select', 4); // switch to third tab
$('#my-text-link').hide();
return false;
});
<a href="#" id="my-text-link"></a>
<ul>
<li class="one"><a href="#tabs-1" title="Summary"></a></li>
<li class="two"><a href="#tabs-2" title="Detailed Info"></a></li>
<li class="three"><a href="#tabs-3" title="Images"></a></li>
<li class="four"><a href="#tabs-4" title="Reviews"></a></li>
<li class="five"><a href="#tabs-5" title="Dates & Prices"></a></li>
</ul>
<div id="tabs-1"></div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>
<div id="tabs-4"></div>
<div id="tabs-5"></div>
解决方案
据我可以从你的代码中看到,你已经是管理单击链接时打开一个标签。下面是当用户打开该选项卡,你怎么隐藏链接:
$(".tabbed").tabs({
select: function(event, ui) {
var tabId = ui.panel.id.substring(5);
if (tabId == 5) {
$('#my-text-link').hide();
}
};
})
希望这有助于
不隶属于 StackOverflow