jquery - jquery ui no selected tab - 选择选项卡时显示静态内容然后选项卡内容

Question

这是我到目前为止所拥有的......我试图让用户来到一个没有选择选项卡但它们存在于页面上的页面。当没有选择标签时，我希望显示主页内容。When a tab is selected I want the main page content to hide and the tab content to show for the appropriately selected tab.

$(document).ready(function () {
    if(location.hash) {
        $('#tabs').tabs();
        $('#campaigns').hide();
    } else {
        $('#tabs').tabs({
            selected: -1
        });
        $('#campaigns').show();
    }
});

我的 HTML 与正确的 UI Tab 过程没有什么不同。我只是在该内容下方添加了另一个 ID 为 #campaigns 的内容。

Answer 1

您可以将tabsselect事件绑定到选项卡并使用它来隐藏额外的 div

$("#tabs").bind("tabsselect", function (event, ui) {
   $('#campaigns').hide();
});