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的最后一个孩子处添加清除元素来解决此问题。 E.g。

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

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

Answer 2

您的示例中有一个未关闭的textarea标记。如果它存在于您的真实代码中，则可能是问题的原因。我可以建议你使用firebug进行FF并密切关注你文档的html结构。在firebug窗口检查它。

在我看来，html结构不正确。原因可能是未公开的标签

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

2 个答案: