1

JqueryUIの[ブートストラップ]タブを使用しています。製品とバージョンを定義した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があります。すべてのコンテンツは、タブのhrefで参照するIDを持つdiv内にある必要があります。

于 2013-01-29T09:29:33.133 に答える