jQuery mobile的header和footer在點擊屏幕的時候消失的解決辦法
更新時間：2016年07月01日 09:41:49 作者：錢天兵
這篇文章主要介紹了jQuery mobile的header和footer在點擊屏幕的時候消失的解決辦法，通過給header和footer添加 data-position="fixed" 和 data-tap-toggle="false"完成此功能，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
jQuery Mobile簡介
jQuery Mobile 是創(chuàng)建移動 web 應(yīng)用程序的框架。
jQuery Mobile 適用于所有流行的智能手機和平板電腦。
jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進行布局。
給header和footer添加 data-position="fixed" 和 data-tap-toggle="false"即可，代碼如下：
<div data-role="footer" data-position="fixed" data-tap-toggle="false">
<div data-role="navbar">
<ul>
<li><a onclick="app.show('pgJgbfMain','pgJgbfXq')">門店詳情</a></li>
<li><a onclick="app.show('pgTgbf','pgJgbfXq')">備忘登記</a></li>
<li><a onclick="app.show('pgTgbf','pgJgbfXq')">退貨</a></li>
<li><a onclick="app.show('pgTgbf','pgJgbfXq')">換貨</a></li>
</ul>
</div>
</div>
<!-- footer end -->
PS:jquery mobile取消header和footer點擊隱藏
header 跟footer 上下兩個浮動bar上，預設(shè)為 true，點擊頁面會消失再次點擊會顯示
要取消此功能
方法一：在HTML標簽上加入
<div data-role="header" data-position="fixed" data-tap-toggle="false"> ---content </div>
方法二：在jQeury 加入
$("div[data-role=header],div[data-role=footer]").fixedtoolbar({
tapToggle:false
});
以上所述是小編給大家介紹的jQuery mobile的header和footer在點擊屏幕的時候消失的解決辦法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
ajax 提交數(shù)據(jù)到后臺jsp頁面及頁面跳轉(zhuǎn)問題
這篇文章主要介紹了ajax 提交數(shù)據(jù)到后臺jsp頁面及頁面跳轉(zhuǎn)問題的相關(guān)資料,需要的朋友可以參考下2017-01-01
今天用jQuery操作table時，出現(xiàn)了一個兼容性的問題，以前都說jQuery的兼容性是絕對可靠的，今天發(fā)現(xiàn)了這個bug！2010-07-07
這篇文章主要介紹了jQuery簡單實現(xiàn)兩級下拉菜單效果代碼,基于jQuery遍歷簡單實現(xiàn)菜單效果,非常具有實用價值,需要的朋友可以參考下2015-09-09
通過XMLHTTPRquest請求不同域上的數(shù)據(jù)，原來js跨域訪問是后臺有個處理路徑“/test”的函數(shù)。下面給大家介紹jQuery跨域問題解決方案，有需要的小伙伴可以參考下2015-08-08
jQuery頭像裁剪工具jcrop用法實例(附演示與demo源碼下載)
這篇文章主要介紹了jQuery頭像裁剪工具jcrop用法,結(jié)合實例形式分析了jQuery頭像裁剪工具jquery.jcrop.js具體使用技巧,并附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
jQuery插件boxScroll實現(xiàn)圖片輪播特效
本文給大家分享的是使用jQuery插件Boxscroll來實現(xiàn)簡單的圖片輪播特效的代碼，非常簡單實用，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要介紹了jQuery中height()方法用法,以實例形式較為詳細分析了height()方法返回元素高度的用法與相關(guān)注意事項,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
本文主要對jquery判斷頁面網(wǎng)址是否有效的兩種方法：jQuery方法；AJAX XMLHTTP方法；需要的朋友可以參考借鑒下2016-12-12
在淘寶購物的時候，發(fā)現(xiàn)里面有一個菜單，是查看“評論，物品信息”等的一個菜單。由于頁面太長，所以它做了一個菜單定位2012-05-05
本文僅供參考，如有不足或錯誤，請不吝賜教，這里以一個彈出層的jQuery插件制作實例為基礎(chǔ)，進行插件制作的說明。2010-04-04