jQuery mobileの画面をクリックするとヘッダーとフッターが消える問題の解決方法

この記事では、jQuery mobileのヘッダーとフッターが画面をクリックすると消えてしまう問題の解決策を主に紹介します。この機能はヘッダーとdata-tap-toggle="false"を追加することで完成します。フッターは非常に優れており、参照価値があります。必要な友人は参照してください

jQuery Mobile の紹介

jQuery Mobile は、モバイル Web アプリケーションを作成するためのフレームワークです。

jQuery Mobile は、すべての一般的なスマートフォンやタブレットで動作します。

jQuery Mobile は HTML5 と CSS3 を使用して、できるだけ少ないスクリプトでページをレイアウトします。

data-position="fixed" と data-tap-toggle="false" をヘッダーとフッターに追加するだけです。 コードは次のとおりです。

<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 はヘッダーをキャンセルします。とフッターをクリックして非表示にします

ヘッダーとフッターは上部と下部のフローティングバーにあります。ページをクリックすると消えます

この機能をキャンセルするには。

方法 1:

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

を HTML タグに追加する

方法 2: jQeury で

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

を結合する 以上がこの記事の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

関連する推奨事項:

jQuery UI Datepicker 時間コントロールの使用方法の分析について

jQuery プラグインについてカスタム検証結果スタイルのコードの実装を検証する

以上がjQuery mobileの画面をクリックするとヘッダーとフッターが消える問題の解決方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。