• We are available for any Development work:
  • Email us at: programmer_heart@yahoo.com

How to stop jQuery mobile js to apply styles to my specific form elements

add the following script before including jquery.mobile.js

$(document).bind("mobileinit", function() {
  $.mobile.ignoreContentEnabled = true;
});

Then you need to include  data-enhance=”false”  to your page where you want to stop jQuery mobile js apply styles


<div data-enhance="false">
    <input type="checkbox" name="chk1" id="chkb1"
      checked />
    <label for="<code>chkb1</code>">Checkbox</label>
    <input type="radio" name="test_radio" id="<code><code>radio_btn1</code></code>"
      checked />
    <label for="<code>radio_btn1</code>">Radio Button test</label>
  </div>

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *

Press Enter to Search