Disabling form elements: misleading documentation

[popolla]

The current documentation reads: "All jQuery Mobile widgets can be disabled in the markup by adding the standard disabled attribute to the element, just like you would with native controls".
That's mostly untrue for disabled attributes set via JavaScript. For example, the following code doesn't work properly (the form element will be styled as enabled):

var myselect = $( "#selectfoo" );
myselect.prop( "disabled" , true );
myselect.selectmenu( "refresh" );

Same problem if you try to unset the disabled property that way.
Using attr() method instead of prop() makes no difference.

[agcolom]

@popolla I've just tried your code in context, and this seems to work: http://jsbin.com/aSuSaCo/1/edit
Closing as I don't see a problem here

[popolla]

Thanks Anne but your test only works because the disabled property is added before the markup gets enhanced.
The code does not work if executed at any moment after the markup enhancement: http://jsbin.com/aSuSaCo/4/edit
Sorry I didn't point it out clearly. Hope this could still re-open.

[agcolom]

@popolla thanks for the clarification, and reopening for now.

[jaspermdegroot]

@popolla

Form widgets have a disable and enable method for dynamically setting this. I just searched the text you were referring to and found it in our demos. It continous with mentioning these methods. To make it more clear I will add that those methods should be used to dynamically disable or enable a form element. Thanks for reporting it!

[popolla]

That's exactly what I meant. Thank you for being so productive on Sunday!