jQuery mobile: ajouter une case à cocher dynamiquement

Je n'ai aucune expérience mobile jQuery antérieure, et maintenant j'essaie d'ajouter une nouvelle case à cocher dynamiquement en javascript.jQuery mobile: ajouter une case à cocher dynamiquement

L'utilisation (dans la tête html)

jquery.mobile-1.4.5.min.css 
jquery-1.11.3.min.js 
jquery.mobile-1.4.5.min.js

partie du HTML:

<form> 
    <fieldset data-role="collapsible"> 
     <div id="agree" data-role="controlgroup"></div> 
     <input type="submit" value="Submit"> 
    </fieldset> 
</form>

partie de JAVASCRIPT:

var html = '<input type="checkbox" name="checkbox-1" id="checkbox-1" /><label for="checkbox-1">I agree</label>'; 
$('#agree').html(html); 
$("input[type='checkbox']").checkboxradio("refresh");

Je reçois seulement case simple, sans aucune mise en forme. Qu'est-ce qui ne va pas? Est-ce que je manque quelque chose?

Source

2017-10-15 M-K

Pourriez-vous s'il vous plaît partager un extrait de travail, peut-être un JSFiddle, afin que nous sachions quelle version de JQuery vous utilisez? –

Voici quelques exemples de travail complets: [Créer dynamiquement des listes de produits avec des cases à cocher dans jQuery Mobile] (https://stackoverflow.com/questions/41325900/dynamically-creating-productlists-with-checkboxes-in-jquerymobile-proves-difficu/41484070 # 41484070) et ici: [La case à cocher Jquery Mobile ne se met pas à jour lors de l'ajout d'éléments et: "actualise" le script pour le styler] (https://stackoverflow.com/questions/41404047/jquery-mobile-checkbox-list- does-not-update-when-ajouter-items-et-rafraîchir-t/41409019 # 41409019) – deblocker

Essayez de cette façon:

$("[data-role=controlgroup]").enhanceWithin().controlgroup("refresh");

J'espère que cela vous aide!

Source

2017-10-16 13:55:42 jcarrera

Ça marche! Merci jcarrera. –

jQuery mobile: ajouter une case à cocher dynamiquement

Répondre

Questions connexes