Changer controlgroup thème bouton actif

J’ai un groupe de controlgroup et controlgroup et controlgroup dynamicment la classe ui-btn-active pour basculer le bouton actif. Le bouton bascule parfaitement, mais je n’arrive pas à trouver le moyen de changer le thème du bouton actif.

Je veux que les boutons inactifs utilisent le thème d et que les boutons actifs utilisent le thème a.

Est-ce que quelqu’un sait comment je peux faire ça?

entrez la description de l'image ici

HTML:

  

OK, c’est ce que j’ai fini par faire.

jQuery:

 $('[data-role="page"]').live('pageshow', function () { $('#myApptBtn').addClass('ui-btn-active'); $('#myApptBtn').click(function () { $('#allApptBtn').removeClass('ui-btn-active'); $('#myApptBtn').addClass('ui-btn-active'); }); $('#allApptBtn').click(function () { $('#myApptBtn').removeClass('ui-btn-active'); $('#allApptBtn').addClass('ui-btn-active'); }); }); 

HTML:

 
  • Réponse à la question:

    En fin de compte, vous ne pouvez pas remplacer le thème via le balisage.

    Etat global “actif”

    JQuery Mobile utilise un nuancier appelé “actif” (bleu vif dans le thème par défaut) pour indiquer de manière cohérente l’état sélectionné, quel que soit le nuancier individuel du widget donné. Nous appliquons cela dans les contrôles de navigation et de formulaire chaque fois qu’il est nécessaire d’indiquer ce qui est actuellement sélectionné. Étant donné que cette nuance de thèmes est conçue pour des commentaires clairs et cohérents des utilisateurs, elle ne peut pas être remplacée par le balisage. il est défini une fois dans le thème et appliqué par le cadre chaque fois qu’un état sélectionné ou actif est requirejs. Le style de cet état se trouve dans la feuille de style du thème, sous les règles de style ui-btn-active.

    Vous pouvez utiliser les fonctions .addClass et .removeClass de jQuery pour effectuer cette opération. Il suffit de définir les classes actives et inactives et de les modifier à l’aide de jQuery.

    Voici l’exemple. Je ne suis pas professionnel dans jQuery, mais cela fonctionne très bien: Exemple