jquery mobile
关注
分享
扫一扫
hqmln
这个作者很懒，什么都没留下…
展开
-
多页面切换
在jquery mobile中一个页面可以有多个容器当做多个不同的页面，他们直接的切换通过<a>元素来切换，并将该元素href设置为#加对应id号例如：<!DOCTYPE html><html><head> <title>jQuery Mobile 应用程序</title> <me...原创 2015-01-16 17:59:00 · 242 阅读 · 0 评论 -
jQuery Mobile ActionSheet
https://github.com/hiroprotagonist/jquery.mobile.actionsheet#readme原创 2015-01-21 12:41:37 · 321 阅读 · 0 评论 -
离线应用js
离线应用js通过ajax得到数据，完了通过tpl_Index_List和json数据进行模板的对接，最后通过 $listview.listview('refresh');刷新列表页$('#index_index').live("pagecreate", function() { var $li = ""; var $strSubStr = ""; var...原创 2015-01-22 10:04:22 · 153 阅读 · 0 评论 -
HTML 5 Web 存储
在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。localStorag...原创 2015-01-22 10:04:51 · 109 阅读 · 0 评论 -
开启或禁用AJAX方式打开页面链接
通过<a href="target.htm" data-ajax="false">更多</a>data-ajax="false"来禁用适用mobile自带的ajax的提交此外要在链接中禁用ajax请求，还可以将“rel”属性设置为“external”或，增加“target”属性。但在使用时，还是有侧重的，“rel”和“target”属性主要用于链接的目标页面是其他域...原创 2015-01-22 10:05:08 · 285 阅读 · 0 评论 -
切换按钮的启用和禁用
按钮的启用和禁用$('#btnTmp').button('disable');和$('#btnTmp').button('enable');进行启用和禁用设置（此方法对<a>标签data-role="button"不适用）$(function() { $("#slider").bind("change", function() { if ($(thi...原创 2015-01-22 10:05:20 · 854 阅读 · 0 评论 -
jQuery Mobile 主题
$.mobile.page.prototype.options.theme='a'; if ($.cookie("StrTheme")) { $.mobile.page.prototype.options.theme = $.cookie("StrTheme"); }<div data-role="page"> ...原创 2015-01-23 10:49:07 · 144 阅读 · 0 评论 -
PhotoSwipe简介
官方介绍PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。为谁而用让移动站点的相册体验和原生App一样的设计师和开发者。绝佳特性PhotoSwipe提供给用户一个熟悉又直观的相册交互界面。官方网站http://www.photoswipe.com/源码...原创 2015-01-23 10:49:28 · 165 阅读 · 0 评论 -
camera 插件应用程序
jquery camera全屏相册幻灯片插件带马赛克网格子图片切换效果 https://github.com/pixedelic/Camera原创 2015-01-23 10:49:49 · 281 阅读 · 0 评论 -
JQM 日期插件 mobiscroll
http://www.mobiscroll.com/ http://code.google.com/p/mobiscroll/<!DOCTYPE html><html lang="en"><head> <meta charset="gbk"> <meta name="viewport&quo原创 2015-01-23 10:50:10 · 195 阅读 · 0 评论 -
jQueryMobile - DateBox插件(模式篇)
DateBox插件官网网址：http://dev.jtsage.com/jQM-DateBox/基础代码：<label for="mydate">Some Date</label><input name="mydate" id="mydate" type="date" data-role="datebox" data-options原创 2015-01-23 10:50:25 · 308 阅读 · 0 评论 -
Jquery Mobile的属性和函数
1.hs$.mobile.ns="mynamespace"2.autoInitializePage$.mobile.autoInitialzepage=false默认情况下DOM元素准备就绪后，程序会自动加载$.mobile.autoInitialzepage函数。如果设置为false，就不会立即渲染，并保持隐藏状态，一直到人工调用$.mobile.initializePage...原创 2015-01-24 22:14:52 · 452 阅读 · 0 评论 -
按钮和列表文字控制
默认情况下按钮和列表标题文字过长时，将自动截断，并用。。。表示截断的部分，但可以通过自定义ui-btn-text来回复默认值。此外data-iconpos属性改为notext，还可以创建一个没有任何标题的文字按钮<style type="text/css"> .ui-btn-text{ white-space: normal} </st...原创 2015-01-28 12:59:42 · 127 阅读 · 0 评论 -
修改默认配置项
1。覆盖mobile的默认值配置选项以下是 $.mobile对象的可配置选项以及其默认值:subPageUrlKey (string， default: "ui-page"):url参数用来引用由插件生成的子页面(例如那些由嵌套的listview生成的子页面) 例如: example.html&ui-page=subpageIdentifir. 在&...原创 2015-01-21 12:41:08 · 166 阅读 · 0 评论 -
jquery mobile 事件
jQuery Mobile 事件参考手册下表列出了所有的 jQuery Mobile 事件。注释：请通过使用 on() 方法来绑定事件。事件描述hashchange启用 bookmarkable #hash 历史记录。navigate针对 hashchange 和 popstate 的 wrapper 事件。orientationch...原创 2015-01-21 12:40:56 · 152 阅读 · 0 评论 -
页面返回按钮
data-add-back-btn="true" data-add-back-btn-text设置返回按钮的值$.mobile.page.prototype.options.backBtnText="后退",进行全局设置 <div data-role="page" id="w1" data-add-back-btn="true"> <div原创 2015-01-16 18:17:02 · 472 阅读 · 0 评论 -
预加载和页面缓存
在Jquery mobile中，当一个链接的页面被设置好预加载后，jquery mobile将在加载完成当前页面后自动在后台进行预加载设置的目标页面。另外使用页面缓存的方法，可以将访问过的page容器都缓存到当前页面文档中，下次访问时，将可以直接从缓存中读取，而无需再重新加载页面。jQuery Mobile 页面预加载data-prefetch="true"表示预加载<div ...原创 2015-01-16 18:33:18 · 557 阅读 · 0 评论 -
jQuery Mobile 网格布局
外部div使用class="ui-grid-a"，而内部使用 class="ui-block-a" <div data-role="page"><div data-role="header"> <h1>头部栏标题</h1></div> <div原创 2015-01-19 15:59:46 · 248 阅读 · 0 评论 -
jQuery Mobile 导航栏
导航栏只需要把data-role="navbar"即可，如果需要制定选定的，需要添加样式class="ui-btn-active"<!DOCTYPE html><html><head> <title>jQuery Mobile 尾部导航栏</title> <meta name=&q原创 2015-01-19 16:00:05 · 131 阅读 · 0 评论 -
jQuery Mobile头部标题
定位按钮位置在头部栏中，如果只放置一个链接按钮，不论放置在标题的左侧还是右侧，其最终显示在标题的左侧。如果需要改变位置，需要添加新的类别属性 class="ui-btn-right"或class="ui-btn-left" <div data-role="page" id="e1"> <div data-role="header" data-po原创 2015-01-19 16:00:18 · 278 阅读 · 0 评论 -
jQuery Mobile 打开对话框
弹出对话框只需要在<a>标签中的data-rel属性值谢伟"dialog" <div data-role="page" id="e1"> <div data-role="header"><h1>对话框</h1></div> <di原创 2015-01-19 16:00:30 · 237 阅读 · 0 评论 -
jQuery Mobile 列表
1.基本列表(如果没有<a>标签就标示没有箭头)<div data-role="page"> <div data-role="header"><h1>头部栏</h1></div> <ul data-role="listview">原创 2015-01-20 10:17:44 · 155 阅读 · 0 评论 -
jQuery Mobile 表单元素
1.range范围通过js，可以设置值，完了通过refresh方法进行刷新效果 $(input[type=range]).val(180).slider("refresh") <div data-role="page"> <div data-role="header"><h1>头部栏</h1&原创 2015-01-20 10:17:58 · 114 阅读 · 0 评论 -
jQuery Mobile 按钮
<a>标签使用data-role="button"变为按钮ui-btn-active表示是活动的 <div data-role="page"> <div data-role="header"><h1>头部栏</h1></div> <div cla原创 2015-01-20 10:18:10 · 123 阅读 · 0 评论 -
跳转页面changePage
<!DOCTYPE html><html><head> <title>jQuery Mobile 跳转页面</title> <meta name="viewport" content="width=device-width, initial-scale=1"原创 2015-01-20 10:18:28 · 463 阅读 · 0 评论 -
使用悬浮的方式固定头部与底部栏
data-position="fixed"属性可以指定头部和底部固定<div data-role="page"> <div data-role="header" data-position="fixed"> <h1>荣拓科技</h1> </div>原创 2015-01-21 10:25:43 · 503 阅读 · 0 评论 -
列表禁用右边图标
data-icon="false"可以禁用右边图标 <ul data-role="listview"> <li data-icon="false"><a href="#">计算机</a></li> <li data-icon="fa原创 2015-01-21 12:40:28 · 190 阅读 · 0 评论 -
jquery移动对话框插件Mobile-SimpleDialog
https://github.com/jtsage/jquery-mobile-simpledialog http://dev.jtsage.com/jQM-SimpleDialog/<!DOCTYPE html><html><head> <title>simpledialog 插件应用程序</title>...原创 2015-01-28 12:59:53 · 218 阅读 · 0 评论