CODEWITHSUNDEEP
javascriptjqueryjquery-mobile
Pablo
Pablo

Reputation: 29519

Why triggering click doesn't change tab navigation?

This is navigation I would like to control from code

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

This is how I try to switch to second tab:

setTimeout(function(){

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

}, 3000);

DEMO

Nothing happens. How to switch?

Upvotes: 1

Views: 246

Answers (1)

Ashiquzzaman
Ashiquzzaman

Reputation: 5284

You can try something like

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

You can get More information about tag selector([]) and child selector (>) from provide links.

Upvotes: 2

Related Questions