1

我正在使用 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>

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

我的小提琴

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

我需要我的标签的输出如下

标签

4

2 回答 2

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/

于 2013-01-29T09:32:04.750 回答
0

不确定这是如何与淘汰赛相关的，但您不应该在选项卡窗格 div 中拥有每个选项卡的所有内容吗？而您有一个产品标题的 div 和一个内容的 div。您的所有内容都应该在 div 中，并带有您在选项卡的 href 中引用的 id。

于 2013-01-29T09:29:33.133 回答