Comment résoudre le problème de la disparition de l'en-tête et du pied de page de jQuery mobile lorsque vous cliquez sur l'écran

Cet article présente principalement la solution pour que l'en-tête et le pied de page de jQuery mobile disparaissent lorsque vous cliquez sur l'écran. Ceci est accompli en ajoutant data-position="fixed" et data-tap-toggle="false" à l'en-tête. et pied de page. La fonction est très bonne et a une valeur de référence. Les amis qui en ont besoin peuvent se référer à

Introduction à jQuery Mobile

jQuery Mobile est un framework créé pour les applications Web mobiles.

jQuery Mobile fonctionne sur tous les smartphones et tablettes populaires.

jQuery Mobile utilise HTML5 et CSS3 pour mettre en page les pages avec le moins de scripts possible.

Ajoutez data-position="fixed" et data-tap-toggle="false" à l'en-tête et au pied de page. Le code est le suivant :

<p data-role="footer" data-position="fixed" data-tap-toggle="false">
<p data-role="navbar">
<ul>
<li><a onclick="app.show(&#39;pgJgbfMain&#39;,&#39;pgJgbfXq&#39;)">门店详情</a></li>
<li><a onclick="app.show(&#39;pgTgbf&#39;,&#39;pgJgbfXq&#39;)">备忘登记</a></li>
<li><a onclick="app.show(&#39;pgTgbf&#39;,&#39;pgJgbfXq&#39;)">退货</a></li>
<li><a onclick="app.show(&#39;pgTgbf&#39;,&#39;pgJgbfXq&#39;)">换货</a></li>
</ul>
</p> 
</p>
<!-- footer end -->

PS : jquery mobile annule l'en-tête et le pied de page et clique pour les masquer L'en-tête et le pied de page sont en haut et barres flottantes inférieures, la valeur par défaut est true, cliquez sur la page et elle disparaîtra. Cliquez à nouveau et elle affichera

Pour annuler cette fonction

Méthode 1 : Ajouter

<p data-role="header" data-position="fixed" data-tap-toggle="false">
---content
</p>

Méthode 2 : Ajouter

$("p[data-role=header],p[data-role=footer]").fixedtoolbar({
tapToggle:false
});

ou supérieur dans jQeury C'est tout le contenu de cet article. J'espère qu'il sera utile à l'étude de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

À propos de l'analyse de la façon d'utiliser le contrôle temporel de jquery UI Datepicker

À propos du plug-in jQuery Validez pour implémenter le code de personnalisation pour le style du résultat de la vérification

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!