Jquery UI在一个选项卡面板中选中div

Question

我想知道如何嵌入我的div标签,我想要在jquery选项卡的选项卡中:我有这个代码:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
    </ul>

    <div id ="tabs-1">
        <div id=panel>
            <br>
            <form action="xx.php" method="post" name="post">
                 <textarea
                 </textarea>
                 <br>
                 <input type="submit" name="submit" value="Post "/>
             </form>
        </div>
        <p class="slide">
             <a href="#" class="btn-slide">Post</a>
        </p>
    </div>
</div>

但是,这并没有将div(id = panel)正确地嵌入div选项卡-1中,而是刚出现在选项卡的底部,而不是正确地位于其中,但是当我点击另一个选项卡时仍然会消失.

我附上了一张展示我问题的图片,如果里面的内容无关紧要,我会道歉.

请单击此链接查看问题:http://i.stack.imgur.com/ZImwI.png.

正如您所看到的,它不在选项卡内部,但是当您单击另一个选项卡时仍然会消失.

我必须做些什么才能真正将我不会改变的div放入标签中,以便它实际进入标签内.

我试图尽可能清楚地说明这一点.谢谢

Answer 1

我猜这div#panel可能是浮动的.如果是这种情况,你应该能够通过在最后一个子节点添加一个清除元素来解决这个问题div#tabs-1.例如

<div id ="tabs-1">
    <div id="panel">
         ...
    </div>
    <p class="slide">
         ...
    </p>

    <!-- the clearing element -->
    <div style="clear:both; float:none"></div>
</div>