1

タブ付きパネルにデフォルトのタブを設定しようとしています。Dreamweaver では、次のコードを使用しました。

<div id="TabbedPanels1" class="TabbedPanels" style="margin: 0 0 20px;">
 <ul class="TabbedPanelsTabGroup">
 <li class="TabbedPanelsTab" tabindex="0">Tab1</li>
 <li class="TabbedPanelsTab" tabindex="0">Tab2</li>
 </ul>
<div class="TabbedPanelsContentGroup">
  <div class="TabbedPanelsContent" >
   content 1
  </div>
  <div class="TabbedPanelsContent" >
   content 2
  </div>
</div>
</div>

tab2 を表示したいdefault(selected)ので、以下の JavaScript を使用しました。

var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",{defaultTab:1});

しかし、私が望むように、2番目ではなく最初のタブが選択されたままです。なぜこうなった？どこが間違っていたのですか？

4

2 に答える 2

3 
<li class="TabbedPanelsTab" tabindex="0">Tab1</li>
<li class="TabbedPanelsTab" tabindex="1">Tab2</li>

たとえば、2 番目のタブを表示したいとします。

<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1",{ defaultTab: 1 });
//-->
</script>

上記のコードでの defaultTab の使用を参照してください

于 2013-01-17T10:43:23.380 に答える
1

要素のタブ インデックスliを一意の番号に変更します。これは、2 番目liの要素では 1 になり、最初の要素は 0 のままになります。

<li class="TabbedPanelsTab" tabindex="0">Tab1</li>
<li class="TabbedPanelsTab" tabindex="1">Tab2</li>
于 2012-10-18T10:54:28.167 に答える