JQuery Mobile
AndroidDev2022
焚膏油以继晷,恒兀兀以穷年。钻研 Android、系统架构、音视频、跨平台开发,有问题联系邮箱 hgncxzy@qq.com
展开
-
JQuery Mobile页面的载入方式
1.JQM页面结构jQuery Mobile是通过data-role属性来区分渲染界面样式的,JQM里面提供的data-role如下表:page页面容器,其内部的mobile元素将会继承这个容器上所设置的属性header页面标题容器,这个容器内部可以包含文字、返回按钮、功能按钮等原创 2013-08-23 13:49:11 · 2488 阅读 · 0 评论 -
经典收藏 50个jQuery Mobile开发技巧集萃
1、Backbone移动实例这是在Safari中运行的一款Backbone移动应用程序。想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式。先不妨在你的浏览器中查看该应用程序。相关链接:http://bennolan.com/2010/11/24/backbone-jquery-demo.html2、使用媒体查询来锁定设备你可能会问如何使用CSS来锁定设备(根转载 2013-08-25 16:16:15 · 1618 阅读 · 0 评论 -
使用 JQueryMobile 点击超链接提示“error loading page” 错误
使用jquery mobile创建dialog时出现加载错误,“Error Loading Page”。原因是:jquery mobile页面默认采用ajax方式进行交互,而ajax方式下是不支持f://的,也就是本地文件,所以有两种解决办法:1.给超链接增加data-ajax="false"属性或者加上 rel="external"就好了,以此来禁用ajax.<a href="htm原创 2013-08-25 17:32:29 · 6805 阅读 · 0 评论 -
jQuery Mobile因导入的包不同而造成的程序问题和解决办法
今天遇到了一个问题,在jquery mobile页面中将单行文本框换成多行文本域的时候,不论是浏览器还是手机调试该页面,文本域部分死活不加载。试了好多次都是这样。原因在于我导入的包的版本问题,我导入的包是问题就出在最后一个包身上,由于1.3.2版本比较新,对某些widget支持并不好,这是选择导入1.0.1版本问题就会解决。总结:当遇到这类调试问题时,特别是程序无误的情原创 2013-10-15 10:49:51 · 1536 阅读 · 0 评论 -
Jquery Mobile左右滑动效果
首先在一个页面里面定义两个,这里为了突出重点,就没有写出footer和header。定义的页面如下: 1 2 3 456接下来通过jquery mobile 中的swipe事件执行左右滑动效果: $(function() { $("#listview1").bind("swipeleft"原创 2013-10-08 18:19:52 · 8414 阅读 · 1 评论 -
使用 ThemeRoller 轻松定制 jQuery Mobile 样式
jQuery Mobile 给主流移动平台带来jQuery核心库,是一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile 本身提供了 6 种不同的样式,但这 6 种不同的样式并无法满足所有人的要求,而自己去定制 jQuery Mobile 的样式所牵扯的 CSS 样式又非常复杂,为此 jQuery Mobile 专门推出了一个在线工具 ThemeRolle转载 2013-09-13 12:48:09 · 4394 阅读 · 0 评论 -
jquery Mobile点击显示加载等待效果
点击某个按钮或链接时,触发等待加载效果:现在贴出一个小例子的完整代码,其中包含了各种等待加载效果,Insert title here<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.2.min.css"> $(document).bind("mobileinit", fun原创 2013-10-08 18:56:20 · 4433 阅读 · 0 评论