jquery動態切換背景圖片的簡單實現方法
696
2024-03-04
jQuery Mobile簡介
jQuery Mobile 是創建移動 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在點擊屏幕的時候消失的解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對綠夏網網站的支持!
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!