本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
fantaxy025025 - johnsmith9th
- xiangjie88
- zysnba
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- benladeng5225
- e_e
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- gengyun12
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- gaojingsong
- kaizi1992
- xpenxpen
- 龙儿筝
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- xiangjie88
- wangchen.ily
- Jameslyy
- luxurioust
- lemonhandsome
- mengjichen
- jbosscn
- zxq_2017
- lzyfn123
- nychen2000
- forestqqqq
- wjianwei666
- ajinn
- zhanjia
- Xeden
- hanbaohong
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
Jquery mobile pageInit vs pageshow 事件
http://api.jquerymobile.com/
http://www.verydemo.com/demo_c226_i233.html
jQuery Mobile 初期化事件有mobileinit,pagebeforecreate,pagecreate,pageinit这个4个事件。本文尝试总结和比较4个事件。
事件触发顺序
第一个触发的事件是mobilein ...
jQuery Mobile 入门基础教程
Query Mobile是jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。
jQuery Mobile 入门基础教程列表如下:
jQuery Mobile
jQuery Mobile 简介jQuery Mobile 安装jQuery Mobile 页面jQue ...
jqm的时间控件:jQueryMobile DatePicker Plugin
http://dev.jtsage.com/jQM-DateBox/demos/install.html
我用了 Flipbox
除了引入jqm核心js和css外 还需要引入:
<link rel="stylesheet" href="../../css/jqm-datebox.min.css"> <script src= ...
Jquery Mobile 技巧,常见问题,解决方案
1、强制覆盖模版的背景色
.ui-page{
background:#ffffff;
}
说明:这段样式必须放在Jquery Mobile 模版样式的下方,这样才能进行覆盖。
2、禁止截断过长的列表和按钮内容
在jQuery mobile中,如果列表或者按钮中文字的内容过长,jQuery Mobile会自动截断其超过长度的内容。
1)设置按钮样式
.ui-btn-text {
...
jquery mobile 动态添加li,页面样式不刷新的解决办法
之前一直用.trigger("updatelayout");
来触发更新事件,
但是在别的页面写了个类似的就不好用了
后来又Google了一下
使用listview对象的listview('refresh');方法就可以了
关于JQuery Mobile动态Ajax加载页面及JS的方案
首先 JQuery Mobile
有单页面模式和多页面模式
在多页面模式的情况下,可能会选择把页面都分在多个html文件中
缺点
通过ajax来切换页面中的body标签里边的内容
而在body里面写<script>标签的话,会少了两部页面的执行
pagecreate和pageinit两个时间都无法获取
除非写到首页的Header里面,才能监听到页面的两个事件
但是,把所有页面的J ...
Jquery Mobile 中绑定页面事件及页面生命周期
对于JQuery Mobile中的事件绑定
原来的写法是
选择器 on(事件名,调用函数){
}
如:
$("#page2").on("pagecreate",function(event,data) {
console.log("pagecreate event");
});
而在新的JQM中
采用了新的写法,老的写法已经不好用 ...
jquery mobile 1.4 介绍说明
最近开发一款 HTML5 WEB APP 应用,选择了 jQuery Mobile 框架来进行开发。一开始使用 jQuery Mobile 1.3.2 开发,在电脑上看,效果很不错,不过在移动设备上看完全不是那么回事,后来切换到最新版本jQuery Mobile1.4 ,才可以接受,具体的经验介绍可以参考这篇文章:http://www.fei1314.com/news/609
jquery mobile中data-url
关于jquery mobile中的data-url属性
研究了好久,但是一直不知道到底该什么情况下用到它
后来看了一些资料
因为jquery mobile会把很多page同时加载到dom里面,所以在默认的情况下,只显示第一个page
那么我们就可以通过data-url来区分到底显示哪一个页面了,这样在地址栏里面的请求就可以把响应的url加上来区分了
关于JQuery Mobile的data-transition不起作用的问题
JQM的页面切换效果
首先是要确保,页面和页面之间的跳转关系是ajax的
那么在JQM中,有两个设置时不让请求变为ajax的
其中一个是rel="external",另一个是data-ajax="false"
如果加上这两个当中的任意属性,则,页面不会是ajax请求
另外一点就是JQM都是基于data-role="page"来的, ...
Jquery mobile动态修改header后无法渲染样式的问题解决
最近刚开始看JQuery Mobile, 发现界面确实做得很好,国外开源的东西做得都这么好看。。哎。。。想到我们公司的产品界面。。俗话说 货比货得扔。
先介绍一下Jquery mobile,如果要直接看标题问题的话请直接跳到下面红色Title部分。
jqm(jquery mobile的缩写)的处理方式实际上是在已有的dom基础上,在页面加载完成后,进行渲染。 而渲染时最重要的就是识别dom上的d ...
JQueryMobile + PhoneGap 经验总结
1. pageinit & pageshow
JQM的官方手册重点提醒了使用$(document).bind(‘pageinit’)代替$(document).ready()。
但当你需要对某一个页面(page)编写其独享的Javascript脚本时, 选择器应该选择的是该page层, 而不是document, 并使用live()添加事件处理器。这在ajaxEnable=true的情况 ...
自定义jquery mobile panel宽度
.ui-panel {
width: 23em;
}
.ui-panel-position-left {
left: -23em;
}
/* positioning: content wrap, fixed toolbars and dismiss */
/* panel left open */
.ui-panel-content-fixed-toolbar-po ...
[Eclipse Jquery mobile ] Errors occurred during the build
Problem as below:
Errors occurred during the build.
Errors running builder 'JavaScript Validator' on project 'ips'.
java.lang.ClassCastException
Root Cause:
there is a bug during the ec ...
jquery mobile入门(转)
组件
页面
jQuery Mobile 应用了 HTML5 标准的特性,在结构化的页面中完整的页面结构分为 header、
content、footer 这三个主要区域。
在 body 中插入内容块:
<div data-role="page">
<div data-role="header">...</div&g ...