La création dynamique de jQuery Mobile pages à l'aide de jQuery Templates

Je suis la construction d'une séance d'entraînement de catalogue à l'aide de jquery mobile pour l'UI et jquery modèles de traiter avec le html. J'ai pu ajouter html déjà créé la page ET obtenir jquery mobile pour changer les balises grâce à la .page() fonction.

Cependant, je veux être en mesure de créer de nouveaux jq pages mobiles. Je peux injecter du code dans les divs avec le data-role=page, appel .page() sur celui-ci et il est tout beau. Mais l'ajout d'un entièrement en page pour le corps ne fonctionne pas.

EDIT:
Cette question et ma réponse se réfère à jquery mobile alpha 3

OriginalL'auteur Bobby | 2011-02-19

  1. 9

    Ok je l'ai eu. Si vous souhaitez ajouter un pour les DOM, vous devez également ajouter une valeur pour le " data-url. Lorsque vous créez une page html statique,

    <div data-role="page" id="home">

    jQuery mobile ajoute automatiquement un data-url égal à l'id de la donner. Lorsque vous faites vous-même, vous devez tenir sa main et lui passer un data-url="la maison".

    Lorsque vous générez votre chaîne html ajouter $.mobile.pageContainer donc jQuery Mobile sait où le trouver (en ajoutant ce pour le corps fonctionne aussi, mais c'est probablement mieux de ne pas tanguer le bateau).
    Après cela, appel .page() sur votre page dans les DOM ainsi que jQuery mobile fait tout son magique <span> magie pour faire joli.

    $('#home').page();
    Pourriez-vous créer un JSFiddle pour cela? J'ai du mal à reproduire votre méthode. Je peux voir dans les dom que JQ Mobile semble être la décoration de mon template avec tous les attributs d'une fois j'appelle la page(), mais rien n'apparaît dans la fenêtre du navigateur.
    Ce serait formidable si nous pouvions avoir plus de détails sur l'ajout de la chaîne html $.mobile.pageContainer. Je suis en train de à cette mais cette variable est toujours la valeur null lorsque je reçois. Ai-je besoin de l'initialiser?

    OriginalL'auteur Bobby

  2. 2

    Gravedigging ce fil. À l'aide de jquery mobile (1.1.0), c'était pour moi, .trigger("create") ...

        content = '<div data-role="page" id="myID" data-url="myID">'
    //...
    $('body').append(content).trigger("create")
    $("<a href='#myID' data-rel='dialog'/>").trigger("click")
    Au lieu de dire "plus tard", car ces fils de vivre sur une longue période de temps, peut-être parler de la version spécifique. 🙂 Je suppose que votre "dernière" à l'époque était de 1,0 ou de l'un de l'alpha de leader jusqu'à la version 1.1.0, alors que la 1.1.0rc1 a été publié sur 2012-02-28.

    OriginalL'auteur Skylar Saveland

  3. 1

    lorsque vous appelez
    $('#home').page();
    vous vous demandez jQuery pour améliorer votre balise div avec la page de la feuille de style spécifique et la js fonctions. La page est déjà présent dans le DOM, mais montrer, vous devez appeler $.mobile.changePage("#home",options).
    pour plus d'informations (et de l'objet options spécifiques), voir http://jquerymobile.com/test/docs/api/methods.html

    OriginalL'auteur howldev