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

我试图在我的选项卡式面板中设置默认选项卡。在Dreamweaver我用下面的代码：如何在Dreamweaver中使用javascript在选项卡式面板中设置默认选项卡

<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});

但它仍然显示选择的，而不是第二，因为我想第一个标签。这是为什么发生？我错在哪里？

来源

2012-09-04 CodeWarrior

我试图在jsfiddle中复制这个，需要更多的信息;哪些spry组件可以使用（这里有一个列表http://spry-it.appspot.com/ –

<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-17 10:43:23

更改选项指数在li元素的唯一编号，这将是1你的第二个li元件和第一保持为0

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

来源

2012-10-18 10:54:28

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

回答

相关问题