クリックをトリガしてもタブナビゲーションが変更されないのはなぜですか？

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> 

から制御したいナビゲーションですこれは、私は2番目のタブに切り替えしようとする方法である：

setTimeout(function(){ 

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

}, 3000); 

DEMO

何も起こりません。どのように切り替えるのですか？

Answer 1

あなたはあなたがからtag selector([])とchild selector (>)に関する詳細な情報を得ることができます

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

ような何かを試すことができますリンクを提供しています。