Onsenui - modificateur de liste ne fonctionne pas à l'intérieur jquery

Question

de .append() ui et je veux faire du code quelque chose comme ceci:

<ons-list id="result"><ons-list-item modifier="tappable">tap</ons-list-item></ons-list>

Je veux faire à l'intérieur de javascript en utilisant append jquery(). Mon code va comme ceci:

var onsList = $("#result"); 
onsList.append('<ons-list-item modifier="tappable">1</ons-list-item>'); 
onsList.append('<ons-list-item modifier="tappable">2</ons-list-item>'); 
onsList.append('<ons-list-item modifier="tappable">3</ons-list-item>'); 

il peut ajouter bien, mais le modificateur tappable ne me work..help pas s'il vous plaît

Answer 1

Vous devez compile Onsen UI elements si vous les ajoutez dynamiquement. Sinon, ils seront juste des balises HTML vides sans aucune magie derrière. Quelque chose comme ceci:

var elem = $('<ons-list-item modifier="tappable">1</ons-list-item>'); 
onsList.append(elem); 
ons.compile(elem); 

Notez que l'élément doit être ajouté avant d'appeler ons.compile().