Jquery Mobile
小宇丝
这个作者很懒,什么都没留下…
展开
-
关于手机端JQuery的使用心得(1)
1。 如何在台式机上模拟手机显示效果?为了在台式机上模拟手机的效果,建议使用opera或者chrome浏览器。很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。在使用chrome浏览器时,在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:我比转载 2012-03-06 22:42:13 · 13586 阅读 · 1 评论 -
可用参数
data-role参数表:page 页面容器,其内部的mobile元素将会继承这个容器上所设置的属性header 页面标题容器,这个容器内部可以包含文字、返回按钮、功能按钮等元素footer 页面页脚容器,这个容器内部也可以包含文字、返回按钮、功能按钮等元素content 页面内容容器原创 2012-03-25 22:15:32 · 992 阅读 · 0 评论 -
jquery mobile中的事件
jQuery Mobile提供了一些依赖于本地事件的自定义事件以用来创建一些有用的hooks方便开发. 要注意这些事件使用了各种已存在的触摸, 鼠标和窗口事件,你可以通过使用live() 或者 bind()将他们绑定到其他的jQuery事件上. 触摸事件tap在快速完整的一次触摸后触发该事件.taphold在按住不放后触发该事件(接近一秒钟的时间).Tr原创 2012-03-27 21:53:44 · 10071 阅读 · 0 评论 -
HTML5 history新特性pushState、replaceState
DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。从HTML5开始,我们可以开始操作这个历史记录堆栈。 1.History使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退前进和后退后退:window.history.back();这个方法会像用户点击了原创 2012-04-04 21:49:49 · 60697 阅读 · 2 评论 -
jquery moblie 交换
http://demo.mobiscroll.com/ http://feifei.42t.com/doc/jm/demos/index.html $(document).bind("mobileinit", function() { // $.mobile.defaultPageTransition = 'none'原创 2012-03-29 21:31:19 · 1617 阅读 · 0 评论 -
样式文件
/* * jQuery Mobile Framework : plugin to provide a date and time picker. * Copyright (c) JTSage * CC 3.0 Attribution. May be relicensed without permission/notification. * https://github.com/j转载 2012-06-17 12:46:52 · 722 阅读 · 0 评论 -
日期控件中添加关闭按钮
jQueryMobile - DateBox Demos jQueryMobile - DateBox Home Some Date data-options='{"mode": "datebox"}'>原创 2012-06-17 12:35:56 · 1936 阅读 · 0 评论 -
<meta name="viewport" content="width=device-width
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-s转载 2012-06-26 21:04:25 · 1906 阅读 · 0 评论 -
jQuery Mobile动态刷新页面样式
当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素。添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样式了,而变成了很丑陋的元素样式。如下图所示: 代码如下: 1 script> 2 function myFunction() { 3转载 2014-01-03 16:55:27 · 1257 阅读 · 0 评论 -
Jquery Mobile Page Structure
html> head> title>Page Titletitle> linkrel="stylesheet"href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css"/> scriptsrc="http://code.jquery.com/jquery-1.4.3原创 2012-03-08 22:54:37 · 1052 阅读 · 0 评论 -
jquery mobile小知识
1、更改ul后要使用listview('refresh')刷新视图;$('ul').append('row').listview('refresh');2、选取header,并绑定双击事件$("[data-role='header']").bind('dblclick',function(e){});3、定时变换背景,长按为taphold$('#txt').ta转载 2012-03-08 22:36:51 · 1939 阅读 · 0 评论 -
回退练习
index.html jQuery Mobile: Demos and Documentation function selectPerson(obj) { //$("#ee").append(" ").trigger("create"); var id = $(obj).prev().attr原创 2012-03-25 21:50:23 · 1138 阅读 · 0 评论 -
关于手机端JQuery的使用心得(2)
3. 现在我们来看一下如何用jquerymoblie套装做一个登录界面,这样就算以后达到快速入门的功能。这里解释了所有主要语句的意思。demo 将以原始大小显示本页面,并不允许缩放-->width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例m转载 2012-03-06 22:42:59 · 7041 阅读 · 0 评论 -
关于手机端JQuery的使用心得(3)
关于手机端JQuery的异步传输时UI界面不更新的bugJQeryMobile的UI界面,其标签首先经过jquery.mobile-1.0a2.min.js的处理(你可以用chrome的审查元素功能,看到事实上显示的页面中已经由JS添加许多新标签和class,而不仅仅是原来你写的那点标签),然后再进行css布局。因此,当你的页面与后台异步传输获得数据的时候,返回的内容通过append插入页面后原创 2012-03-06 22:43:45 · 2717 阅读 · 0 评论 -
JqueryMobile使用心得(4)动态添加元素css丢失的终极解决办法
在Jquerymoblie的使用过程中,动态添加元素后css丢失。 这个问题在之前JqueryMobile使用心得(3)中我已经说明了其原因(因为页面标签首先经过jquery.mobile-1.0a2.min.js的处理,添加了许多标签,然后再用css布局),并且给出了一种解决方法:动态加载jquery.mobile-1.0a2.min.js。 但是经过测试,上面这种方原创 2012-03-06 22:45:08 · 3807 阅读 · 0 评论 -
jQuery Mobile精简笔记
jQuery Mobile入门 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。 jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计。jQuery Mobile转载 2012-03-07 21:22:24 · 3621 阅读 · 2 评论 -
jQuery Mobile 入门教程
原作:Getting started with jQuery Mobile ——Matthew David翻译:filod译文:http://blog.filod.net/jquerymobile-2/295.html转载声明:请注明原作、翻译以及译文链接。你每天都会对着它讲话,和它玩游戏,用它看新闻——没错,它就是你裤兜里的智能手机。android,黑莓还是iph转载 2012-03-07 21:56:09 · 2227 阅读 · 1 评论 -
JQuery Mobile开发入门手册——入门篇
jQuery Mobile开发入门手册——入门篇作者:张勇辉 更新日期2010-11-03Blog:http://www.uedcool.com更多电子书教程请登陆http://down.zzbaike.com/ebook本站提供的电子书教程均为网上搜集,如果该教程涉及或侵害到您的版权请联系我们。目录jQuery Mobile开发入门手册——入门篇 ............原创 2012-03-07 22:22:45 · 4092 阅读 · 0 评论 -
使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单上
一.表单组件基础1.组件简介jQuery Mobile 中的表单组件是基于标准 HTML ,然后在此基础上增强样式,因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是, jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式,因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。jQuery Mobi转载 2012-03-07 22:30:02 · 19157 阅读 · 2 评论 -
Create 和refresh的差别
注意在某些UI组件上create 事件和refresh 方法是有很大区别的。create事件用于将包含UI组件的原始的HTML标记渲染。而refresh 方法应该用在已经存在的组件上,来手动通过程序刷新他。例如,如果您想动态的将一个新的data-role=listview 的UL在页面已经创建后插入到页面中,那在父容器中触发create事件会将列表转化为JQM的样式。然后如果UL中通过原创 2012-03-07 22:41:35 · 1415 阅读 · 0 评论 -
jquerymobile局部渲染的各种刷新
在JQueryMobile页面在第一次初始化进行一次整体渲染,动态生成的需要局部渲染。在jquerymobile实现listview局部渲染的方法:Java代码 function queryPublishOrderList(trackOrDealOrInsp,userCode,type,pageNum){ var queryPublishOrderListURL="ht转载 2014-02-26 17:25:00 · 1505 阅读 · 0 评论