[Javascript] Comment changer l'état du commutateur flip mobile jquery à partir du code



Answers

Pour JQuery 1.4 ou version ultérieure, si vous souhaitez basculer un commutateur de bascule dynamiquement

$("#flip").val('on').flipswitch('refresh');

Assurez-vous que votre rôle de données est flip-switch pour que cela fonctionne.

Bonne chance !

Question

J'ai quelques commutateurs à bascule jQuery Mobile sur mon application Android / iPad, et j'ai besoin de changer leurs états (on / off) dynamiquement, en utilisant JavaScript. Je cherchais une solution ici, ( Changer la valeur de basculer dynamiquement avec jQuery Mobile ) et j'ai essayé plusieurs façons ( .val('on') , .slider('enable') ...) mais il semble que le contrôle est ne fonctionne pas du tout.

Y a-t-il une solution à ce problème? Comment puis-je faire pour changer l'état du commutateur à bascule du code?




Il existe deux types de flipswitch , select based et checkbox . Pour définir un widget de sélection , utilisez la construction .val ()

$("#myFlip").val("on").flipswitch( "refresh" ) ;

où "on" est l'une des valeurs d'option dans l'élément select.

Pour définir un widget basé sur une case à cocher , utilisez la construction .prop ()

$("#myFlip").prop( "checked", true ).flipswitch( "refresh" ) ;

où vrai est soit vrai soit faux. (Merci à Jeremy Hill pour l'indice).

BTW J'ai essayé la construction `.flipswitch (" option "," checked ", true) sans chance.

Notez qu'il existe également un commutateur à glissière similaire au commutateur à bascule sélectionné.




Je ne pouvais pas faire fonctionner la partie 'flipswitch', donc le traiter comme une case à cocher normale pourrait fonctionner pour vous (ceci est pour jQuery Mobile 1.4.3):

$('input[name="my-flipswitch-name"]').prop('checked', true).trigger('click').trigger('change');



Links