jQuery UI的标签一个标签面板

Question

里面的div我想知道如何嵌入我的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> 

Answer 2

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

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