爲什麼觸發點擊不會改變標籤導航？

Question

這是導航我想從代碼

<div data-role="page" id="settingsPage"> 
    <div data-role="content"> 
     <div data-role="tabs" id="tabs"> 
      <div data-role="navbar"> 
       <ul> 
        <li><a href="#one" class="ui-btn-active">Tab One</a></li> 
        <li><a href="#two">Tab Two</a></li> 
        <li><a href="#three">Tab Three</a></li> 
       </ul> 
      </div> 
      <div id="one" class="ui-body-d ui-content">aaaaaaaaaaaa</div> 
      <div id="two" class="ui-body-d ui-content">bbbbbbbbbbbbb</div> 
      <div id="three" class="ui-body-d ui-content">cccccccccccc</div> 
     </div> 
    </div> 
</div> 

控制這是我嘗試切換到第二個選項卡：

setTimeout(function(){ 

    $("#two").trigger("click"); 

}, 3000); 

DEMO

什麼也沒有發生。如何切換？

Answer 1

你可以嘗試像

setTimeout(function(){ 
    $("li>a[href='#two']").trigger("click"); 
}, 3000); 

你可以得到約tag selector([])和child selector (>)從提供鏈接的詳細信息。