Comment faire pour modifier le jquery mobile flip état de l'interrupteur de code

J'ai quelques jQuery Mobile flip commutateurs à bascule sur mon Android/l'application iPad, et j'ai besoin de
changer leur état (on/off) de manière dynamique, à l'aide de JavaScript.
Je cherchais une solution ici, (Changer la valeur de flip basculer de façon dynamique avec jQuery Mobile) et j'ai essayé plusieurs façons (.val('on'), .slider('enable')...) mais il semble que le contrôle ne fonctionne pas du tout.

Est-il une solution pour ce problème? Comment puis-je faire pour changer l'interrupteur à bascule de l'état à partir du code?

OriginalL'auteur Gabriel Mendez | 2012-02-14

26

J'ai examiné la page que vous avez posté et je confirme que la solution:
```
$('selector').val('value').slider('refresh');
```
ne fonctionne en effet. Assurez-vous que le sélecteur' est le référencement de votre sélectionnez l'élément, et que la "valeur" est une valeur que vous avez défini sur l'élément que vous souhaitez activer.

Je l'a confirmé en visitant http://jquerymobile.com/demos/1.0.1/docs/forms/switch/index.html, puis avec firebug la console de saisie de la ligne:
```
$("#flip-b").val('no').slider('refresh');
```
Il est passé le deuxième curseur affiché sur la page de yes à no.

Oui. J'ai été un mauvais réglage de la valeur. Je vous remercie.

OriginalL'auteur Pizano
5

Pour JQuery 1.4 ou plus tard, si vous souhaitez activer un interrupteur à bascule de façon dynamique
```
$("#flip").val('on').flipswitch('refresh');
```
Assurez-vous que votre data-role flip-switch pour faire ce travail.

Bonne Chance !

data-role="flipswitch" (sans trait d'union)

OriginalL'auteur Shubhral Y Kumar
4

Il y a deux types de flipswitch, sélectionnez base et case base.
Pour définir un sélectionnez en fonction widget, utilisez la .val() construire
```
$("#myFlip").val("on").flipswitch( "refresh" ) ;
```
où "on" est l'une des valeurs de l'option dans l'élément select.

Pour définir un case en fonction widget, utilisez la .prop() construire
```
$("#myFlip").prop( "checked", true ).flipswitch( "refresh" ) ;
```
où le vrai est vrai ou faux. (Merci à Jeremy Hill pour l'astuce).

BTW j'ai essayé le".flipswitch( "option", "checked", true ) construire avec pas de chance.

Notez qu'il existe également un curseur commutateur similaire à les sélectionner en fonction flipswitch.

OriginalL'auteur dbagnara

Fait ce travail:

http://jsfiddle.net/AYLpe/

var fts = $('#flipMe');
fts.val('on');
fts.slider('refresh');

HTML

<label for="flip-a">Select slider:</label>
<select name="slider" id="flipMe" data-role="slider">
    <option value="off">Off</option>
    <option value="on">On</option>
</select>

OriginalL'auteur Phill Pafford

0

@Pizano la réponse ci-dessus a fonctionné pour moi.

Moi aussi, a avoir ce problème. Dans mon cas, j'ai été absent du tout important ".curseur ("actualiser")"

Cheers,
Steve

OriginalL'auteur sstringer
0

Je ne pouvais pas obtenir le 'flipswitch partie au travail, afin de le traiter comme un simple case à cocher pourraient travailler pour vous (c'est pour jQuery Mobile 1.4.3):
```
$('input[name="my-flipswitch-name"]').prop('checked', true).trigger('click').trigger('change');
```
OriginalL'auteur Jeremy Hill
0

Il y a deux façons de faire flipswitches (case-based et sélectionnez-le), mais vous pouvez ne pouvez modifier dynamiquement l'état de la sélection basée sur la méthode.

Jquery pour changer l'état:
```
$("#mySwitch").val('no').flipswitch('refresh');
```
Sélectionnez la méthode basée sur:
```
<select name="mySwitch" id="mySwitch" data-role="flipswitch" >
   <option value="no">No</option>
   <option value="yes">Yes</option>
</select>
```
Case: (ne peut pas changer d'état dynamiquement)
```
<input type="checkbox" id="mySwitch" data-role="flipswitch">
```
OriginalL'auteur user2755541
-1

$("#mySwitch").val('no').flipswitch().flipswitch('refresh');
semble fonctionner, trop.

OriginalL'auteur ali

Vous devez vous connecter pour publier un commentaire.