JQuery mobile changes html code

Question

I'd like use jqm to detect swipe, but if I add that to my code I see HTML code changed!!

For example, input radio elements are wrapped by

<div class=" ui-radio"> </div>

Can I inhibit this behavior?

Answer 1

I've found the solution:

add this piece of script before you load the jQuery mobile library:

<script type="text/javascript">$(document).bind("mobileinit", function(){$.extend( $.mobile , {autoInitializePage: false})});</script>

This prevents jquery mobile from initializing the page and touching the DOM, thus leaving your layout alone (thanks to eivers88)

Answer 2

Adding data-role="none" to the element should stop jQuery Mobile from adding those additional classes.

Source: jQuery Mobile Demo