Question

我在使用jQuery UI标签时遇到了一些麻烦。我正在使用默认选项卡标记：

<div id="tabs">

    <ul>
        <li><a href="#tab1">tab 1</a></li>
        <li><a href="#tab2">tab 2</a></li>
    </ul>
    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
</div>

但是，我想在我的标签之前显示一个列表。像这样：

<div id="tabs">
    <p>Lorem ipsum dolor</p>
    <ul>
        <li>asdasdasd</li>
        <li>asdasdasd</li>
    </ul>
    <ul>
        <li><a href="#tab1">tab 1</a></li>
        <li><a href="#tab2">tab 2</a></li>
    </ul>
    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
</div>

我不希望此列表被识别为标签。我怎样才能做到这一点？

Answer 1

你必须把它们放在div#tabs之前，因为据我所知，jQuery UI标签功能会查看li中的所有div。

Answer 2

也许这个？

<div id="content">
    <p>Lorem ipsum dolor</p>
    <ul>
        <li>asdasdasd</li>
        <li>asdasdasd</li>
    </ul>
</div>
<div id="tabs">
    <ul>
        <li><a href="#tab1">tab 1</a></li>
        <li><a href="#tab2">tab 2</a></li>
    </ul>
    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
</div>

更新

<div id="tabs">
   <div id="content">
       <p>Lorem ipsum dolor</p>
       <ul>
           <li>asdasdasd</li>
           <li>asdasdasd</li>
       </ul>
    </div>
    <ul>
        <li><a href="#tab1">tab 1</a></li>
        <li><a href="#tab2">tab 2</a></li>
    </ul>
    <div id="tab1">
    </div>
    <div id="tab2">
    </div>
</div>

尝试这个我没有测试过它

jQuery UI选项卡和子级UL的问题

2 个答案: