Friday, 15 May 2015

Jquery Mobile: Turn off all JQM styles on an element dynamically -



Jquery Mobile: Turn off all JQM styles on an element dynamically -

i have element:

<td colspan="3" data-enhance="false"> <select id="candidateslistbox" size="9" onchange="movetogeocode()" style="width: 100%" class="candidateslist" data-role="none"></select> </td>

i want element have no jquery mobile styles. problem fill item dynamically, , jquery mobile ignore data-enhance="false" tags adding dynamic elements through javascript. jquery mobile transform control, jquery work on item (.add(), example) not. need create dynamic element no jquery mobile styles or elements. possible?

edit

i have tried disable selects using jqm, same issue:

$(document).bind('mobileinit', function () { $.mobile.keepnative = "select"; /* jquery mobile 1.4 , higher */ });

jqm adds styles , render them when specify jqm css file. 1 time called , unless override css own applying styles particular element cannot stopped. because jqm wrapps our elements elements. solution element , remove additional class names added jqm element. need remove wrapping elements too.

jquery-mobile

No comments:

Post a Comment