如何使用javascript在dreamweaver的选项卡式面板中设置默认选项卡

我正在尝试在选项卡式面板中设置默认选项卡。在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>

---

但它仍然显示第一个选项卡，而不是我想要的第二个选项卡。为什么会这样？我哪里错了？

将

li

元素中的制表符索引更改为唯一数字，第二个

li

元素的制表符索引为1，第一个仍然为0

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

选项卡1 选项卡2

---

将

li

元素中的制表符索引更改为唯一数字，第二个

li

元素的制表符索引为1，第一个保持为0

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

选项卡1 选项卡2

Tab1
选项卡2

比如说，您想显示第二个选项卡

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

请参见上述代码中defaultTab的用法

Tab1
选项卡2

比如说，您想显示第二个选项卡

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

---

请参阅上面代码中defaultTab的使用

我正试图在JSFIDLE中复制它，需要更多信息；您使用哪些spry组件（这里有一个列表，我试图在jsfiddle中复制它，需要更多信息；您使用哪些spry组件（这里有一个列表