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

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 (>)从提供链接。