La commande jQuery Mobile trigger('create') ne fonctionne pas

<!-JQuery Mobile me fait pleurer ce soir. J'essaie de créer des commandes personnalisées pour ne pas répéter certains éléments à travers mon application, et ça me rend la tâche difficile. Plus précisément, j'ai ce qui suit dans un fichier HTML:

<div id="custom-header" data-role="header" data-position="inline" data-theme="f">
    <a href="index.html" data-icon="back" style="margin-top:5px" data-theme="b">Back</a>
    <div style="text-align: center; padding-top: 5px; padding-bottom: 3px"><img src="../images/logo.png" ></div>
    <a href="index.html" data-icon="home" style="margin-top:5px" data-theme="b">Home</a>
</div>

Dans mon fichier principal, je suis essentiellement en train de faire:

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>        
<div data-role="page" id="test-console" data-theme="m">

    <div id="me-header"></div>

    <script>

        $.get('header.html', function (retData) {
            $('me-header').html(retData).trigger('create');
        });

     </script>

</div>

alors voici le problème - l'en-tête ne rend pas le même que quand je colle le contenu de l'en-tête.html directement dans ma page JQM. Il se sent presque comme déclencheur ("créer") n'est-ce pas faire quoi que ce soit.

des idées? J'ai brûlé environ trois heures et tutoriels http://jquerymobiledictionary.pl/faq.html ne semble pas être l'application..

21
demandé sur Anthony 2011-11-11 05:59:48

10 réponses

en changeant l'en-tête, le pied de page ou le contenu, Vous pouvez déclencher pagecreate sur la page:

$('#me-header').closest(":jqmData(role='page')").trigger('pagecreate');

C'est un jQM bug: https://github.com/jquery/jquery-mobile/issues/2703. Selon un commentaire dans le rapport, appelant pagecreate plusieurs fois peuvent causer des problèmes cependant, comme expliqué dans https://github.com/jquery/jquery-mobile/issues/2703#issuecomment-4677293