Question

我正在使用tab通过jquery现在我想在选项卡中添加嵌套选项卡。我的问题是，当我点击嵌套选项卡时，它将隐藏主选项卡，并且没有内容将在嵌套选项卡上显示onclick

这是我的代码： -

<div id="tabs-container" class="TabView" >
        <ul class="tabs-menu">
            <li class="current"><a href="#tab-1">Guest</a></li>
            <li><a href="#tab-2">Owner</a></li>  
        </ul>
        <div class="tab"> 
            <div id="tab-1" class="tab-content">
<p>test></p>
<div id="subtab">
                    <ul class="tabs-menu">
                      <li><a href="#subtab-1">Me as Guest</a></li>
                    </ul>
                <div id="subtab-1">test2</div>

</div>
</div>

请告诉我任何解决方案。

Answer 1

在没有看到代码的jQuery部分和我们只能猜测的CSS的情况下，无论如何可能问题是你必须为嵌套选项卡中的ul块分配不同的类名。像这样：

<div id="tabs-container" class="TabView" >
    <ul class="tabs-menu">
        <li class="current"><a href="#tab-1">Guest</a></li>
        <li><a href="#tab-2">Owner</a></li>  
    </ul>
    <div class="tab"> 
        <div id="tab-1" class="tab-content">
<p>test></p>
<div id="subtab">
                <ul class="subtabs-menu">
                  <li><a href="#subtab-1">Me as Guest</a></li>
                </ul>
            <div id="subtab-1">test2</div>

</div>
</div>

选项卡中的嵌套选项卡

1 个答案: