jQuery 모바일 화면 클릭 시 머리글, 바닥글이 사라지는 문제 해결 방법

이번 글에서는 jQuery 모바일의 헤더와 푸터가 화면 클릭 시 사라지는 해결 방법을 주로 소개합니다. 이 기능은 매우 훌륭하고 참고할만한 가치가 있습니다. 필요하신 분들은

jQuery 모바일 소개#🎜를 참고하세요. 🎜##🎜 🎜#
jQuery Mobile은 모바일 웹 애플리케이션을 만들기 위한 프레임워크입니다.

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 취소 머리글 및 바닥글 숨기기 위해 클릭

# 🎜🎜#header 바닥글 위와 아래의 두 개의 플로팅 바는 기본값이 true입니다. 다시 클릭하면 #이 표시됩니다. 🎜🎜#

<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 중국어 홈페이지를 주목해주세요!

관련 권장사항:

jquery UI Datepicker 시간 제어 사용 분석 정보

# 🎜🎜#jQuery 플러그인 정보 사용자 정의 확인 결과 스타일을 구현하는 코드 확인

# 🎜 🎜#

위 내용은 jQuery 모바일 화면 클릭 시 머리글, 바닥글이 사라지는 문제 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!