The jQuery Mobile framework automatically enhances controls and markup found in a page. To skip enhancing certain sections of markup, you can use the $.mobile.ignoreContentEnabled
configuration (which is false
by default). This recipe shows you how to do the same.
Copy the full code of this recipe from the code/07/content-enabled
sources folder. You can launch this code using the URL: http://localhost:8080/07/content-enabled/main.html
.
In
main.html
, add the following script before includingjquery.mobile.js
:$(document).bind("mobileinit", function() { $.mobile.ignoreContentEnabled = true; });
Create the
#main
page with the following content :<div data-role="content"> <div data-enhance="false"> <input type="checkbox" name="chkbox1" id="chkbox1" checked /> <label for="chkbox1">Checkbox</label> <input type="radio" name="radiobtn1" id="radiobtn1" checked /> <label...