大家好。我看到另一篇关于如何使用特定的jQuery UI选项卡来同时打开所有选项卡内容的帖子。这更或多或少是一个“全部显示”选项卡。但似乎对我无效。无论如何,我的页面结构如下:
<div id="tabs">
<ul class="tabs-1">
<li><a href="#tabs-1"> Some Tab </li>
<li><a href="#tabs-2"> Some Tab </li>
<li><a href="#tabs-3"> Some Tab </li>
<li><a href="#"> Show All </li>
</ul>
<fieldset id="tabs-1"> Content </fieldset>
<fieldset id="tabs-2"> Content </fieldset>
<fieldset id="tabs-3"> Content </fieldset>
</div>
这是我使用的JavaScript代码,基于之前的一个例子:
var user_tabs = $("#tabs").tabs({
select: function(event, ui) {
if (ui.index == 3) {
$("fieldset[id^=tabs-]").show();
} else {
$("fieldset[id^=tabs-]").hide();
$(ui.panel).show()
}
}
});
我使用的选项卡已经正确初始化,但是“显示所有选项卡”根本不起作用。有什么想法吗?