Comment puis-je empêcher jQuery mobile d'appliquer des styles à mes éléments de formulaire spécifiques ?

Question

Est-il possible d'ordonner à jQuery Mobile de ne pas styliser ma zone de saisie et mon bouton de soumission. Je suis bien avec mon CSS personnalisé. Le script de jQuery mobile applique son propre style à tous mes éléments.

La seule solution que j'ai essayée est de remplacer ces éléments dans mon css personnalisé. Existe-t-il d'autres fonctions disponibles qui me permettent de faire cela ?

$.ignoreStyles("button,text");

Answer 1

JQuery Mobile ignorera les éléments dont le data-role sont définis comme suit none . Par conséquent, vous pouvez simplement ajouter ces attributs à votre balisage :

<input type="text" name="foo" data-role="none" />
<button type="button" id="bar" data-role="none">Button</button>

Answer 2

Cela fonctionne pour moi.

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

<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 for="radiobtn1">Radio Button</label>
  </div>

Answer 3

La solution de @angelokh a fonctionné pour moi. Regardez également le lien suivant :

http://my.safaribooksonline.com/book/-/9781849517225/7dot-configurations/ch07s06_html

La clé est aussi de ajoutez le script suivant avant d'inclure jquery.mobile.js :

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

Answer 4

Essayez ceci

$(document).on('pagebeforecreate', function( e ) {
    $.mobile.ignoreContentEnabled=true;
});