本月博客排行
-
第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 AJAX navigation特性
刚开始用jquery mobile,做页面用起来也挺顺手,特别是导航特别炫,可以用动画,不过刚开始用发现了一个问题,就是jquery的代码在original page的时候是好使的,但是当导航到第二个页面的时候,jquery的所有方法,和第二个页面的css全部失效。查了一下,原来是jquery mobile有一个特性就是ajax导航,下面是从官方文档摘录下来的一段话:
Wh ...
使用 dataset 属性驱动 jQuery Mobile 组件
data-role 定义元素在页面中的功能角色
data-title 定义视图页面的标题
data-transition 定义视图切换的动画效果
Slide 从右到左切换
Slideup 从下到上切换
Slidedown 从上到下切换
Pop 以弹出框的方式打开一个视图或页面
Fade 渐变退色方式切换
jQuery Mobile 的.bind()、.live()和.delegate()之间区别
jQuery的.bind()、.live()和.delegate()之间区别
来源: 译言网 发布时间: 2011-03-20 14:24 阅读: 5964 次 推荐: 8 原文链接 [收藏]
摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编 ...
jquery mobile navbar列表appendTo追加选项
第一种
$(function(){
$("#menu").html("<li><a href='#'>Test Styling</a></li>");
$("#navbar").navbar();});
第二种
var footer = $("#footer-id&q ...
jquery mobile 设置 ui-grid-a 宽度和高度
<div id="findBar" class="ui-grid-a">
2
<div class="ui-block-a"><input placeholder="" data-theme="e" type="search" name="s ...
jQuery Mobile页面跳转后未加载外部JS
在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行。因为,JQM并未将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中。因此,在<head>中引入的外部JS文件,以及<page>标签外的JS均不能正常运行,刷新页面后方可加载成 ...
jQuery Mobile权威指南开篇
1、jQuery Mobile的功能特点:
由页面元素标记驱动,无须使用js代码,可以建立大量的程序接口。
强大的ajax驱动导航
以JQuery与JQuery UI为核心
强大的浏览器兼容
框架轻量级
1.0.1版本压缩后24kb + css文件6k
支持触摸与其他鼠标事件
tap 单击
tap-and-hold 单击并按住
s ...
jQuery Mobile组件 :按钮(button)(转)
按钮在用作导航时应该被编码成a标记的链接,而提交表单的按钮则被编码成 button元素 — 它们会被框架提供相同的样式。
Button标记
为链接应用button样式
在一个页面的的主要内容区域,你可以把任何a标记都转变成button样式,只需要添加data-role="button"属性即可。 即可会自动添加所有必须的样式class来把a标记都转变成button样式 ...
Jquery Mobile 之 Buttons(转)
Button在移动应用中使用频率较高,而且功能丰富;即可用作ui显示内容,同时可以指导用户点击从而实现各种逻辑的交互;而且在一些比较好的应 用里的button不仅有了各种行为和样式,还将其作为透明层来增强效果和体验;jquery mobile中button也是一种核心组件,它在其他组件中的到了高频次的应用;比如前一篇中的Navigation Bar及各种toolbars都是基于button来处 ...
jQuery Mobile 的按钮大全(转)
在这篇文章中我们将详细介绍 jQuery Mobile 的按钮。在 jQuery Mobile 中所有按钮的样式一般都是文本居中,圆角,有阴影的效果,还包括一个可选的图标。
让我们来看看这些按钮是如何工作的。
Step 1: 首先创建一个 .html 页面来演示 jQuery Mobile 的按钮图标
Step 2: .html 的页面内容如下,这里我们使用了 Microsoft CDN ...
jQuery Mobile 入门教程(转)
你每天都会对着它讲话,和它玩游戏,用它看新闻——没错,它就是你裤兜里的智能手机。android,黑莓还是iphone?为了让你清楚意识到究竟哪些才算是智能手机,我在下面总结了一个智能手机系统/设备的列表:
Apple iPhone/iPod Touch
Google Android
RIM BlackBerry/Playbook OS
Nokia Symbian (我承认它该退休了, ...
最新jQuery Mobile 1.2版本新特性
日期:2012-11-21 来源:GBin1.com
大家还记得在jQuery 1.0 RC版本发布的时候我们曾经发布过一个jQuery Mobile RC版本介绍文章介绍主要的特性
。就在前不久,jQuery
Mobile团队又发布了jQuery Mobile 1.2
。新版本中带来了一些非常不错的特性。在今天的这篇文章中我们将继续介绍1.2版本的一些新的widget,及其一些针对 ...
使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站
日期:2012-7-12 来源:GBin1.com
在线演示
jQuery Mobile
是一个非常不错的移动端网站应用的解决方案,很多网站都使用jQuery Mobile
来生成Mobile手机端 ...
Bootstrap, from Twitter
前段时间,由于项目需要,(基于ios和android系统的大数据量的web项目).
因为之前开发,web项目,使用过javascript和其中的优秀的插件,因此首先选择了jquery mobile.
效果没通过.之后尝试了基于EXT,的插件Sencha..........悲剧,结果还是不理想!
最后,找到了......Bootstrap!
个人觉得,Bootstrap, 还是比较好用. ...
推荐12款最新的jQuery Mobile移动应用
日期:2012-5-8 来源:GBin1.com
网络上与jQuery Mobile相关的网站有上百个。从这些网站中,我们精心挑选了12款最新的移动应用设计给大家做为参考。希望大家支持!
Ryland Homes
Slideshare
Stanford
Take Me Fishing
Moulin Roug ...
5个jQuery的备选轻量级移动客户端开发(Mobile development)类库
日期:2012-4-23 来源:GBin1.com
jQuery很棒,但是并非所有的情况下都适合使用jQuery作为你的开发类库。如果你只是需要简单的DOM操作或者AJAX请求处理,为什么要使用如此复杂并且臃肿的类库呢?
对
于手机或者移动客户端来说,这样的影响更加明显。虽然我们可以使用CDN来帮助我们提高加载速度,仍旧还是需要时间的。最具性感的jQuery特性 -
浏览器的兼容性, ...
jquery mobile的mvc实践并总结
貌似jquery.mobile和backbones的一些实践网上有很多了,我就分享下最近做的jquery.mobile的应用,中间mvc和数据、逻辑隔离部分的设计和代码。
首先就是“单入口模式”——这种设计无处不在啊。
在jquery.mobile的设计里,有很多page切换的钩子方法,具体可以参考官方文档demos/docs/api/events.html里的列表。
因为我 ...
jQuery Mobile 1.1 : 更流畅,更快捷,更实用
日期:2012-4-18 来源:GBin1.com
最新版本的jQuery Mobile 1.1本月13号刚刚发布
,带给我们了最新的强大特和代码提升。在这篇文章中,我们将要快速的介绍jQuery mobile的新特性及其移动开发人员需要了解的所有内容。准备好和我们一起体验jQuery mobile吧!
在这个文章中,我们将要介绍如下内容:
改良的固定header和footer
...
[译文]创建自定义的jQuery移动主题
智能手机和平板设备的高选用率最终导致了移动web开发人员和设计人员的需求增长,jQuery
Mobile框架允许你创建出可与本地化应用开发结果相谐美的移动web体验,其通过web浏览器提供了到应用和网站的即时访问,而不是让用户下载和安装
移动应用。了解如何使用jQuery Mobile的主题化框架来创建品牌定制的移动网站和web应用。
阅读全文...