Question

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

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

Answer 1

<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的使用

Answer 2

将li元素中的标签索引更改为唯一数字，第二个li元素为1，第一个为0。

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

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

2 个答案: