源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery mobile的header和footer在点击屏幕的时候消失的解决办法

  • 时间:2021-09-05 14:22 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
[b]jQuery Mobile简介[/b] 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 --> 
[b]PS:jquery mobile取消header和footer点击隐藏[/b] header 跟footer 上下两个浮动bar上,预设为 true,点击页面会消失再次点击会显示 要取消此功能 [b]方法一:在HTML标签上加入[/b]
<div data-role="header" data-position="fixed" data-tap-toggle="false">
---content
</div>
[b]方法二:在jQeury 加入 [/b]
$("div[data-role=header],div[data-role=footer]").fixedtoolbar({
tapToggle:false
});
以上所述是小编给大家介绍的jQuery mobile的header和footer在点击屏幕的时候消失的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部