La commande jQuery Mobile trigger('create') ne fonctionne pas
<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..
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