Gabriel Mendez Gabriel Mendez - 2 months ago 15
Android Question

How to change the jquery mobile flip switch state from code

I have some jQuery Mobile flip toggle switches on my Android/iPad application, and I need to
change their states (on/off) dynamically, using JavaScript.
I was looking for a solution here, (Change value of flip toggle dynamically with jQuery Mobile) and I tried several ways (

.val('on')
,
.slider('enable')
...) but it seems the control is not working at all.

Is there a solution for this issue? How can I do to change the flip switch state from code?

Answer

I've examined the page you posted and I confirmed that the solution:

$('selector').val('value').slider('refresh');

does indeed work. Make sure that 'selector' is referencing your select element, and that 'value' is a value you defined on the option element you wish to enable.

I confirmed this by visiting http://jquerymobile.com/demos/1.0.1/docs/forms/switch/index.html, then with firebug's console entering the line:

$("#flip-b").val('no').slider('refresh');

It switched the second slider displayed on the page from yes to no.

Comments