当前位置: 首页 > news >正文

JQuery Mobile难点备忘

1 固定header:

data-position="fixed",如果仅仅是加了这个属性,当页面出现滚动条的时候点击页面内容,header还是会隐藏显示全屏,如果不需要这样,加入这个属性即可:data-tap-toggle="false"
关于jqm Data的属性可以查阅这个链接:http://www.w3school.com.cn/jquerymobile/jquerymobile_ref_data.asp 

2  jquerymobile动态添加元素之后有些不能被正确渲染的解决方法:

listview: 添加 jq(".detail").listview("refresh");
div或其他: 添加.trigger( "create" );

jq(".XXX").append("XXX");
jq(".detail").listview("refresh")

jq("#XXX").append("XXX").trigger( "create" );

3 jquerymobile文件组织

从 JQuery mobile 1.4 开始, CSS 由3个部分组成,分别是 Icons、Theme和Structure

  jquery.mobile-1.4.x.css:  包括了 <标准图标库>、Theme 和 Structure;

  jquery.mobile.external-png-1.4.x.css: 包扩了 <外置PNG图标库>、Theme 和 Structure; 

  jquery.mobile.icons-1.4.x.css: 标准图标库, 包括 <内置SVG图标库><外置PNG图标库>,  浏览器将优先先使用 <内置SVG图标库>, 如果不支持则退化为使用 <外置PNG图标库>;也可以将 html 标签修改为 <html class="ui-nosvg"> 强制使用 <外置PNG图标库>;

  jquery.mobile.inline-png-1.4.x.css:内置PNG图标库

  jquery.mobile.inline-svg-1.4.x.css: 内置SVG图标库

  jquery.mobile.structure-1.4.x.css: Structure, 如果要自定义主题,可按以下顺序引用: jquery.mobile.icons-1.4.x.css, jquery.mobile.structure-1.4.x.css, custom.theme.css

  jquery.mobile.theme-1.4.x.css: Theme, 即标准主题

 4 jqm事件重复绑定解决

$(document).on("pageinit", "#page2", initPage2);
 
 function initPage2(event) {
       $(document).off('pageinit', '#page2', initPage2);
       alert("page2 init" + event.target.baseURI);
 };

 

转载于:https://www.cnblogs.com/jager/p/4760147.html

相关文章:

  • C++语法小技巧
  • MeiTuanLocateCity仿美团城市列表选择界面
  • React Native安卓模拟器调出Dev Setting菜单
  • Hibernate各保存方法之间的差 (save,persist,update,saveOrUpdte,merge,flush,lock)等一下
  • 少侠请重新来过 - Vue学习笔记(五) - 指令
  • AIX 系统 EBS form 打开报错FRM-92101: FORM server在启动过程中失败
  • JS面向对象编程
  • 解决Eclipse报errors running builder ‘javascript validator’ on project
  • 测试代码覆盖率工具学习(Android Emma)
  • c语言学习三
  • 微信群里的这些文章,都是谣言!赶紧给爸妈看看
  • 如何实现android蓝牙开发 自动配对连接,并不弹出提示框
  • JFreeChart绘制XY折线图(工具类设计)
  • ORACLE数据库笔记之PL/SQL
  • ByteTCC 0.5.0-ALPHA1 发布,基于 TCC 的分布式事务管理器
  • 【译】JS基础算法脚本:字符串结尾
  • 【译】理解JavaScript:new 关键字
  • 2017届校招提前批面试回顾
  • CentOS从零开始部署Nodejs项目
  • HTTP中的ETag在移动客户端的应用
  • input的行数自动增减
  • iOS | NSProxy
  • java B2B2C 源码多租户电子商城系统-Kafka基本使用介绍
  • JavaScript标准库系列——Math对象和Date对象(二)
  • js对象的深浅拷贝
  • spring boot下thymeleaf全局静态变量配置
  • 快速体验 Sentinel 集群限流功能,只需简单几步
  • 微信开源mars源码分析1—上层samples分析
  • 我感觉这是史上最牛的防sql注入方法类
  • 小程序开发中的那些坑
  • 学习ES6 变量的解构赋值
  • 做一名精致的JavaScripter 01:JavaScript简介
  • 分布式关系型数据库服务 DRDS 支持显示的 Prepare 及逻辑库锁功能等多项能力 ...
  • 哈罗单车融资几十亿元,蚂蚁金服与春华资本加持 ...
  • #162 (Div. 2)
  • #多叉树深度遍历_结合深度学习的视频编码方法--帧内预测
  • #我与Java虚拟机的故事#连载14:挑战高薪面试必看
  • #我与Java虚拟机的故事#连载15:完整阅读的第一本技术书籍
  • %3cscript放入php,跟bWAPP学WEB安全(PHP代码)--XSS跨站脚本攻击
  • (ibm)Java 语言的 XPath API
  • (二十四)Flask之flask-session组件
  • (转)Java socket中关闭IO流后,发生什么事?(以关闭输出流为例) .
  • (转)Spring4.2.5+Hibernate4.3.11+Struts1.3.8集成方案一
  • (总结)Linux下的暴力密码在线破解工具Hydra详解
  • .net Application的目录
  • .NET MVC、 WebAPI、 WebService【ws】、NVVM、WCF、Remoting
  • .net mvc部分视图
  • .net MVC中使用angularJs刷新页面数据列表
  • .NET Reactor简单使用教程
  • .net 程序发生了一个不可捕获的异常
  • .net对接阿里云CSB服务
  • .NET构架之我见
  • .NET开发者必备的11款免费工具
  • .NET文档生成工具ADB使用图文教程
  • ::