2012-09-04 69 views
1

我試圖在我的選項卡式面板中設置默認選項卡。在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}); 

但它仍然顯示選擇的,而不是第二,因爲我想第一個標籤。這是爲什麼發生?我錯在哪裏?

+0

我試圖在jsfiddle中複製這個,需要更多的信息;哪些spry組件可以使用(這裏有一個列表http://spry-it.appspot.com/ –

回答

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的在上面的代碼

1

更改選項指數在li元素的唯一編號,這將是1你的第二個li元件和第一保持爲0

<li class="TabbedPanelsTab" tabindex="0">Tab1</li> 
<li class="TabbedPanelsTab" tabindex="1">Tab2</li> 
相關問題