![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQueryMobile
bboyjoe
勇气与智慧并行,才能越过人生的一座座高山。
展开
-
jQuery Mobile知识点总结
jQuery Mobile的主要widgets有:page—页面、button—按钮、checkbox—复选框、radio—单选钮、collapsible—展开项、grid—栅格、listview—列表、navbar—导航栏、popup—弹出窗口、selectmenu—下拉菜单、theming—主题。 主要effects有:pageinit—页面加载事件、tap—触摸事件、taphold—长按事原创 2015-06-25 10:38:08 · 850 阅读 · 0 评论 -
使用 jQuery Mobile 与 HTML5 开发 Web App (一) ——开发原则
最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mobile 与 HTML5 ,可以很方便的开发出一款具有良好界面及用户体验的 Web App,在这个过程中我收获良多,因此决定针对使用 jQuery Mobile 与 HTML5 开发 Web App 写转载 2015-11-21 14:48:03 · 938 阅读 · 0 评论 -
jQueryMobile的组件之下拉菜单(selectMenu)
以下是一个最基本的下拉菜单示例,更多细节请参考 popup弹出窗口示例 Fun Here 弹出窗口 这是一个弹出窗口原创 2015-08-30 21:33:15 · 9068 阅读 · 0 评论 -
jQueryMobile的组件之栅格系统(grid)
ui-grid-a、ui-grid-b、ui-grid-c、ui-grid-d——分别代表承载2列、3列、4列、5列; ui-grid-solo——代表单独承载一列; ui-block-a、ui-block-b、ui-block-c、ui-block-d、ui-block-e——代表在栅格系统中的位置,从第1列依次类推; data-theme——声明元素的主题;原创 2015-08-29 23:43:37 · 1984 阅读 · 0 评论 -
jQueryMobile的组件之导航条(navbar)
data-role="navbar"——指明div元素承载导航条组件; .ui-btn-active——设置按钮为选中状态; data-icon——设置jQueryMobile的内置图标; navbar示例 Fun Here原创 2015-08-30 18:36:56 · 3472 阅读 · 0 评论 -
jQueryMobile的事件
以下列举了jQueryMobile的常用事件: page示例 //页面加载事件 $(document).on("pageinit",function(){ //触摸事件 $("#p1").on("tap",functio原创 2015-08-30 21:42:34 · 809 阅读 · 0 评论 -
jQueryMobile的组件之列表(listview)
data-role="listview"——指明列表元素为listview组件; data-filter="true"——设置listview具有过滤属性; data-inset="true"——设置listview具有过滤之后返回插入的特性; ui-filterable——设置表单具备过滤属性; data-type="search"——设置input为搜索框; data-filter-原创 2015-08-30 00:23:51 · 3661 阅读 · 1 评论 -
jQueryMobile的组件之弹出窗(popup)
data-rel="popup"——设置当前元素具有弹出窗的功能; data-role="popup"——设置当前元素为弹出窗; data-position-to="window"——设置弹出窗出现在窗口中间位置; data-transition="fade"——设置弹出窗出现的效果; popup弹出窗口示例原创 2015-08-30 18:58:37 · 13130 阅读 · 0 评论 -
jQueryMobile的组件——按钮(button)
在jQueryMobile框架中,默认按钮是横向独占根据屏幕宽度自适应的。 ui-btn——声明为按钮显示; ui-shadow——让元素在划过时有阴影的效果; ui-icon-*——jQueryMobile内置图标属性; ui-btn-icon-notext——让按钮隐藏文字;另外的ui-btn-icon-*属性还有: ui-btn-inline——在一行中显示原创 2015-08-27 14:14:25 · 2733 阅读 · 0 评论 -
jQueryMobile的组件——可展开项(collapsible)
data-role="collapsible"——指明div为可展开项组件; data-collapsed="false"——初始化组件为展开状态; data-content-theme="false"——指明展开项内容为去掉边框的样式; collapsible实例 欢迎来到主页原创 2015-08-27 14:55:25 · 3934 阅读 · 0 评论 -
jQueryMobile的组件——复选框(checkbox)和单选钮(radio)
jQueryMobile框架为原生的html表单元素封装了新的表现形式,对触屏设备的操作进行了优化。 data-theme="b"——指明元素的主题为黑色主题; checkbox&radio实例 欢迎来到主页 苹果原创 2015-08-27 14:35:18 · 5915 阅读 · 0 评论 -
jQueryMobile的组件——页面(page)
data-role="page"——代表这个div是一个page,在一个屏幕中只会显示一个page; data-transition——可以定义页面切换的动画效果; ... ... ... page实例原创 2015-08-27 11:55:16 · 1891 阅读 · 0 评论 -
用jQuery Mobile做HTML5移动应用的三个优缺点
英文原文:Niall O’Higgins,编译:伯乐在线——唐尤华 在过去大约一个月的时间里,我一直在使用JQuery Mobile为一个健身培训网站开发基于HTML5的手机/平板前端应用。我之前曾经写过Android和iOS应用程序(分别用Java和Objective-C),因此只要编写一段基础代码就可以在主流平台上运行并能够快速地用HTML和JavaScript迭代,这样的许诺十分诱人。转载 2015-07-31 14:08:14 · 1013 阅读 · 0 评论 -
经典收藏 50个jQuery Mobile开发技巧集萃
1、Backbone移动实例 这是在Safari中运行的一款Backbone移动应用程序。想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式。先不妨在你的浏览器中查看该应用程序。 相关链接:http://bennolan.com/2010/11/24/backbone-jquery-demo.html 2、使用媒体查询来锁定设备 你可能会问如何转载 2015-11-21 17:04:20 · 665 阅读 · 0 评论