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在點擊屏幕的時候消失的解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答