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

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

不言
Freigeben: 2018-06-28 14:26:24
Original
1928 Leute haben es durchsucht

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 -->
Nach dem Login kopieren

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
<🎜 hinzu >

<p data-role="header" data-position="fixed" data-tap-toggle="false">
---content
</p>
Nach dem Login kopieren
zum HTML-Tag

Methode 2: Beitreten


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

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage