Próbuję ustawić domyślną kartę w moich panelach zakładowych. W Dreamweaver użyłem następującego kodu:

<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>

Chcę Tab2 być default(selected), gdy jest wyświetlany, więc użyłem śledzenia JavaScript:

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

Ale nadal pokazuje wybraną kartę zamiast sekundę, jak chcę. Dlaczego to się dzieje? Gdzie się mylę?

1
CodeWarrior 4 wrzesień 2012, 14:12

2 odpowiedzi

Najlepsza odpowiedź
<li class="TabbedPanelsTab" tabindex="0">Tab1</li>
<li class="TabbedPanelsTab" tabindex="1">Tab2</li>

Powiedzmy, że chcesz pokazać drugą kartę

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

Zobacz użycie defaultTab w powyższym kodzie

3
Anup_Tripathi 17 styczeń 2013, 10:43

Zmień indeks zakładki w elemencie li do unikalnych numerów, co byłoby 1 dla drugiego elementu li i pierwsze pozostałości 0.

<li class="TabbedPanelsTab" tabindex="0">Tab1</li>
<li class="TabbedPanelsTab" tabindex="1">Tab2</li>
1
sync 18 październik 2012, 11:06