jquery ui没有选中标签 - 选择标签时显示静态内容然后标签内容

Question

这是我到目前为止所做的...我正在尝试让用户进入一个页面，其中没有选择任何标签，但它们出现在页面上。如果未选择任何选项卡，我希望显示主页内容。选择选项卡时，我希望隐藏主页面内容，并为正确选择的选项卡显示选项卡内容。

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