jQuery mobile的header和footer在點(diǎn)擊屏幕的時(shí)候消失的解決辦法
jQuery Mobile簡(jiǎn)介
jQuery Mobile 是創(chuàng)建移動(dòng) web 應(yīng)用程序的框架。
jQuery Mobile 適用于所有流行的智能手機(jī)和平板電腦。
jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對(duì)頁(yè)面進(jìn)行布局。
給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點(diǎn)擊隱藏
header 跟footer 上下兩個(gè)浮動(dòng)bar上，預(yù)設(shè)為 true，點(diǎn)擊頁(yè)面會(huì)消失再次點(diǎn)擊會(huì)顯示
要取消此功能
方法一：在HTML標(biāo)簽上加入
<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在點(diǎn)擊屏幕的時(shí)候消失的解決辦法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
ajax 提交數(shù)據(jù)到后臺(tái)jsp頁(yè)面及頁(yè)面跳轉(zhuǎn)問題
這篇文章主要介紹了ajax 提交數(shù)據(jù)到后臺(tái)jsp頁(yè)面及頁(yè)面跳轉(zhuǎn)問題的相關(guān)資料,需要的朋友可以參考下2017-01-01
今天用jQuery操作table時(shí)，出現(xiàn)了一個(gè)兼容性的問題，以前都說jQuery的兼容性是絕對(duì)可靠的，今天發(fā)現(xiàn)了這個(gè)bug！2010-07-07
jQuery簡(jiǎn)單實(shí)現(xiàn)兩級(jí)下拉菜單效果代碼
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)兩級(jí)下拉菜單效果代碼,基于jQuery遍歷簡(jiǎn)單實(shí)現(xiàn)菜單效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09
通過XMLHTTPRquest請(qǐng)求不同域上的數(shù)據(jù)，原來(lái)js跨域訪問是后臺(tái)有個(gè)處理路徑“/test”的函數(shù)。下面給大家介紹jQuery跨域問題解決方案，有需要的小伙伴可以參考下2015-08-08
jQuery頭像裁剪工具jcrop用法實(shí)例(附演示與demo源碼下載)
這篇文章主要介紹了jQuery頭像裁剪工具jcrop用法,結(jié)合實(shí)例形式分析了jQuery頭像裁剪工具jquery.jcrop.js具體使用技巧,并附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
jQuery插件boxScroll實(shí)現(xiàn)圖片輪播特效
本文給大家分享的是使用jQuery插件Boxscroll來(lái)實(shí)現(xiàn)簡(jiǎn)單的圖片輪播特效的代碼，非常簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要介紹了jQuery中height()方法用法,以實(shí)例形式較為詳細(xì)分析了height()方法返回元素高度的用法與相關(guān)注意事項(xiàng),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jquery判斷頁(yè)面網(wǎng)址是否有效的兩種方法
本文主要對(duì)jquery判斷頁(yè)面網(wǎng)址是否有效的兩種方法：jQuery方法；AJAX XMLHTTP方法；需要的朋友可以參考借鑒下2016-12-12
在淘寶購(gòu)物的時(shí)候，發(fā)現(xiàn)里面有一個(gè)菜單，是查看“評(píng)論，物品信息”等的一個(gè)菜單。由于頁(yè)面太長(zhǎng)，所以它做了一個(gè)菜單定位2012-05-05
一個(gè)簡(jiǎn)單的jQuery插件制作 學(xué)習(xí)過程及實(shí)例
本文僅供參考，如有不足或錯(cuò)誤，請(qǐng)不吝賜教，這里以一個(gè)彈出層的jQuery插件制作實(shí)例為基礎(chǔ)，進(jìn)行插件制作的說明。2010-04-04