javascript를 사용하여 dreamweaver의 탭 패널에 기본 탭을 설정하는 방법

Question

내 탭 패널에서 기본 탭을 설정하려고합니다. 나는이 표시 될 때 TAB2는 default(selected)되고 싶어

<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> 

, 그래서 자바 스크립트를 다음 사용 : Dreamweaver에서 다음 코드를 사용

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> 

는 당신이 보여주고 싶은, 말할 수 남아 것이다 고유 번호에 li 요소의 탭 인덱스의 두 번째 탭

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

은 상기 코드의 사용 defaultTab 참조

Answer 2

변경 두 번째 li 요소에 대해 1 일 첫 번째가 0

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