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>

我希望 tab2default(selected)在显示时显示，所以我使用了以下 JavaScript：

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

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

4

2 回答 2

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

比方说，你想显示第二个标签

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

看上面代码中defaultTab的使用

于 2013-01-17T10:43:23.380 回答
1

将元素中的选项卡索引更改li为唯一编号，第二个li元素为 1，第一个元素保持 0。

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