Style du bouton créé par JQuery avec JQuery Mobile CSS ?

Question

Dans mon projet JQ Mobile, j'utilise JQuery pour créer un bouton et l'ajouter à un div :

      var input = '<input type="button" class="save_event" value="Save"/>';
      $('.event').append(input);

Cependant, ce bouton semble échapper au style de Jquery Mobiles - il apparaît simplement comme un bouton webkit normal. Quelqu'un connaît-il un moyen de permettre à la CSS de JQM de styliser cet élément ?

Answer 1

Vous devez également le faire :

$('[type="button"]').button();

Exemple de travail : http://jsfiddle.net/Gajotres/m4rjZ/

Si vous souhaitez en savoir plus sur le style des éléments jQM créés dynamiquement, consultez mon autre réponse : jQuery Mobile : Amélioration du balisage du contenu ajouté dynamiquement