jQuery mobile的header和footer在點擊屏幕的時候消失的解決辦法
jQuery Mobile簡介
jQuery Mobile 是創(chuàng)建移動 web 應用程序的框架。
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上,預設為 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在點擊屏幕的時候消失的解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
jQuery(1.6.3) 中css方法對浮動的實現(xiàn)缺陷分析
JavaScript中設置元素的浮動屬性(float),標準瀏覽器使用cssFloat,IE舊版本使用styleFloat。2011-09-09jQuery實現(xiàn)返回頂部按鈕和scroll滾動功能[帶動畫效果]
這篇文章主要介紹了jQuery實現(xiàn)返回頂部按鈕和scroll滾動功能[帶動畫效果],需要的朋友可以參考下2017-07-07jquery lazyload延遲加載技術的實現(xiàn)原理分析
懶加載技術(簡稱lazyload)并不是新技術,它是js程序員對網頁性能優(yōu)化的一種方案。lazyload的核心是按需加載。在大型網站中都有l(wèi)azyload的身影,例如谷歌的圖片搜索頁,迅雷首頁,淘寶網,QQ空間等。2011-01-01逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)
這篇文章逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)的相關資料,需要的朋友可以參考下2015-11-11