Comment pouvons-nous, par programmation, sélectionnez un onglet dans la barre de navigation de JQuery Mobile

Comment pouvons-nous, par programmation, sélectionnez un onglet dans la barre de navigation de JQuery Mobile? J'ai essayé le code ci-dessous pour le faire. Mais d'aucune utilité.

var tabButton = document.getElementById("tabId2");
tabButton.className = "ui-btn-active";

Mise à JOUR:

Veuillez Vérifier: http://jsfiddle.net/YnxML/15/

Mise à JOUR:

Voici le code que j'ai utilisé pour développer une barre de Navigation en bas de la page.

<div data-role="page" data-theme="b" id="option-page">
<div data-role="footer" data-id="foo1" data-position="fixed">
    <div data-role="navbar">
        <ul>
            <li><a href="#" id ="tabId1"onclick="method1();" >1</a></li>

        <li><a href="#" id ="tabId2" onclick="method2();"  >2</a></li>
        <li><a href="#" id ="tabId3" onclick="method3();">3</a></li>
        </ul>
    </div><!-- /navbar -->
</div><!-- /footer -->
Ce code fonctionne sur jsfiddle en Chrome (même si le style est un peu hors sujet), ce sont ce que l'on voit sur le téléphone? Est-il juste de ne pas changer l'onglet?
Oui La Ville.....Il ne modifie pas l'Onglet de sélection..

OriginalL'auteur Krishnan | 2011-06-20

  1. 3

    Lien Direct: http://jsfiddle.net/YnxML/24/

    HTML

    <div data-role="page" data-theme="b" id="option-page">
    <div data-role="footer" data-id="foo1" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a href="#" id ="tabId1"onclick="method1();" >1</a></li>
                <li><a href="#" id ="tabId2" onclick="method2();"  >2</a></li>
                <li><a href="#" id ="tabId3" onclick="method3();">3</a></li>
            </ul>
        </div><!-- /navbar -->
    </div><!-- /footer -->
</div>

    JS

    $('#tabId1').removeClass('ui-btn-hover-b').addClass('ui-btn-up-b');
$('#tabId2').addClass('ui-btn-active');

$('#option-page').page();
    Phill..Super ..Merci..Vous êtes grand à JQM..en fournissant des solutions pour toutes les questions que j'ai posées..:)
    Pouvez-vous expliquer ce qui se passe dans cette ligne: $('#tabId1').removeClass('ui-btn-hover-b').addClass('ui-btn-b');
    il élimine les indésirables de classe et ajoute de la classe nécessaire. Si vous regardez sous les chromes outils de dev ou firebug, vous pouvez voir les classes que jQM ajoute (même lorsque vous passez la souris, clic, etc...). Il suffit de trouver le désiré des classes (look). Voici le détail: $('#tabId1') ,<-- trouve l'élément, removeClass('ui-btn-hover-b') <-- supprime les bruits de la classe, addClass('ui-btn-b') <-- ajoute la classe désirée. Je suis juste en enchaînant les actions d'ensemble pour sauver sur le code et à mon avis c'est un peu plus facile à lire. Heureux de vous aider 😉
    Merci Phill..Qui répond à ma question. 🙂

    OriginalL'auteur Phill Pafford

  2. 1
    $("#tabId").trigger("click");

    Cette déclenchement de l'incendie cliquez sur l'événement par conséquent ne nécessite pas d'ajouter ou de supprimer "active" des onglets.

    OriginalL'auteur Ashish Tyagi