So lösen Sie das Problem, dass die Kopf- und Fußzeile von jQuery Mobile verschwindet, wenn auf den Bildschirm geklickt wird

In diesem Artikel wird hauptsächlich die Lösung dafür vorgestellt, dass die Kopf- und Fußzeile von jQuery Mobile verschwindet, wenn auf den Bildschirm geklickt wird. Dies wird durch Hinzufügen von data-position="fixed" und data-tap-toggle="false" zur Kopfzeile erreicht und Fußzeile. Freunde, die sie benötigen, können sich auf

Einführung in jQuery Mobile

jQuery Mobile ist ein Framework für mobile Webanwendungen.

jQuery Mobile funktioniert auf allen gängigen Smartphones und Tablets.

jQuery Mobile verwendet HTML5 und CSS3, um Seiten mit möglichst wenig Skripting zu gestalten.

Fügen Sie einfach data-position="fixed" und data-tap-toggle="false" zur Kopf- und Fußzeile hinzu. Der Code lautet wie folgt:

<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 löscht Kopf- und Fußzeile, klicken Sie zum Ausblenden

Kopf- und Fußzeile befinden sich auf der oberen und unteren schwebenden Leiste , der Standardwert ist wahr, klicken Sie auf Die Seite verschwindet und klicken Sie erneut, um

anzuzeigen. Um diese Funktion abzubrechen

Methode 1: Fügen Sie

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

zum HTML-Tag

Methode 2: Beitreten

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

in jQeury. Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Über die Analyse der Verwendung der jQuery UI Datepicker-Zeitsteuerung

Über das jQuery-Plug-in Validieren, um den Anpassungscode für den Verifizierungsergebnisstil zu implementieren

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass die Kopf- und Fußzeile von jQuery Mobile verschwindet, wenn auf den Bildschirm geklickt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!