为什么触发点击不会改变标签导航？

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 (>)从提供链接的详细信息。