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)文章
本篇文章主要是對(duì)jquery 刪除字符串最后一個(gè)字符的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)購(gòu)物車功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
本文將介紹基于jquery庫(kù)的tab新形式使用,需要的朋友可以參考下2012-11-11
jQuery確實(shí)是一個(gè)挺好的輕量級(jí)的JS框架，能幫助我們快速的開發(fā)JS應(yīng)用，并在一定程度上改變了我們寫JavaScript代碼的習(xí)慣。2011-04-04
jQuery 檢查某個(gè)元素在頁(yè)面上是否存在實(shí)例代碼
這篇文章主要介紹了jQuery 檢查某個(gè)元素在頁(yè)面上是否存在實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
jQuery(1.6.3) 中css方法對(duì)浮動(dòng)的實(shí)現(xiàn)缺陷分析
JavaScript中設(shè)置元素的浮動(dòng)屬性（float），標(biāo)準(zhǔn)瀏覽器使用cssFloat，IE舊版本使用styleFloat。2011-09-09![jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果]](http://img.jbzj.com/images/xgimg/bcimg6.png)
jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果]
這篇文章主要介紹了jQuery實(shí)現(xiàn)返回頂部按鈕和scroll滾動(dòng)功能[帶動(dòng)畫效果],需要的朋友可以參考下2017-07-07
jquery lazyload延遲加載技術(shù)的實(shí)現(xiàn)原理分析
懶加載技術(shù)(簡(jiǎn)稱lazyload)并不是新技術(shù)，它是js程序員對(duì)網(wǎng)頁(yè)性能優(yōu)化的一種方案。lazyload的核心是按需加載。在大型網(wǎng)站中都有l(wèi)azyload的身影，例如谷歌的圖片搜索頁(yè)，迅雷首頁(yè)，淘寶網(wǎng)，QQ空間等。2011-01-01
逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)
這篇文章逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)的相關(guān)資料,需要的朋友可以參考下2015-11-11
下面小編就為大家?guī)硪黄獪\談jQuery中事情的動(dòng)態(tài)綁定。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02