我的jquery选项卡中的错误

Question

我正在使用Jquery UI Bootstrap选项卡。我有2个选项卡定义了产品和版本

 <ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;">
      <li><a href="#product" data-toggle="tab">Product</a></li>
      <li><a href="#version" data-toggle="tab">Version</a></li>
 </ul>

我也更新了我的小提琴。 Didnt更新了我的淘汰代码，因为它太长了。链接在

之下

My Fiddle

您可以在我的小提琴中看到，当页面加载时，它会在我的选项卡“产品”底部显示“版本名称，版本代码，平台版本”列。这是错的。这些列应显示在“版本”选项卡中。我该怎么办呢？ 在我的实际应用中，它看起来像这样。我的红色标记线出现在我的产品标签中。

我需要输出我的标签，如下所示

Answer 1

这就是您所需要的：http://jsfiddle.net/kSWQF/1/

 $('#myTab').tabs();

请务必检查以下参考资料：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

编辑：

按标签索引显示特定标签：

$('#myTab').tabs("option", "selected", 1 ); //index ie zero based, here selects second tab.

请参阅http://jsfiddle.net/kSWQF/2/

Answer 2

不确定这与淘汰相关，但是你不应该在标签窗格div中为每个标签提供所有内容吗？虽然您有产品标题的div和内容的div。您的所有内容都应该位于div中，并且您在标签的href中引用了ID。