jQuery Mobile
iteye_2245
这个作者很懒,什么都没留下…
展开
-
关于jqm转场闪烁的解决方案
jqm在一些机型中会发生转场闪屏 .ui-page{ -webkit-backface-visibility:hidden;}原创 2013-05-14 10:28:01 · 131 阅读 · 0 评论 -
Mobiscroll插件简介
Mobiscroll 用于触屏的日期选择器通过配置方式自定义,有主题官网:http://demo.mobiscroll.com/calendar/calendartime原创 2013-03-15 15:34:25 · 159 阅读 · 0 评论 -
jqm之listview
如何创建一个基本的列表?//给ul增加data-role="listview"<ul data-role="listview"> <li><a>链接1</a></li> <li><a>链接2</a>原创 2013-03-14 11:12:49 · 147 阅读 · 0 评论 -
jqm之button
如果希望把a转换渲染成按钮?//添加data-role属性为button,默认会变成块级元素<a data-role="button">其实我是一个按钮</a> 如果希望把上面的转换成内联?//增加一个data-inline的属性值为true<a data-role="button" data-inline="true">..原创 2013-03-14 11:11:43 · 178 阅读 · 0 评论 -
jqm之图标按钮相关细究
前面简单地提到我们可以用data-icon来生成图标按钮的效果,那到底jqm默认支持哪些呢? 先看一张图: 下面我们就按照图的从左到右依次介绍data-icon对应的值: plusminusdeletearrow-rarrow-larrow-uarrow-dcheckgearrefresh...原创 2013-03-12 19:21:03 · 181 阅读 · 0 评论 -
jqm对:jqmData这个选择器的添加
下面代码来自jqm 1.1.0版本: var oldFind = $.find, jqmDataRE = /:jqmData\(([^)]*)\)/g;$.find = function(selector,context,ret,extra){ //针对jqm框架设计,转换一下selector = selector.replace(j...原创 2013-03-12 19:20:33 · 326 阅读 · 0 评论 -
jqm中创建自定义widget
用了jqm那么久,难得还没有自己写过一个widget,那就来吧! (function($,window){ $.widget("mobile.myWidget",$.mobile.widget,{ //_create _create:function(){ ...原创 2013-03-12 19:19:46 · 111 阅读 · 0 评论 -
jqm之theme
data-theme 默认支持下面几个值: a 黑色b 蓝色c 灰色d 白/灰e 黄色 效果图:原创 2013-03-11 19:40:38 · 118 阅读 · 0 评论 -
jqm源码之getScreenHeight
jqm源码分析 $.mobile.getScreenHeight $.mobile.getScreenHeight = getScreenHeight;function getScreenHeight(){ return window.innerHeight || $(window).height();} 关于window.inner...原创 2013-02-01 10:22:45 · 132 阅读 · 0 评论 -
jqm源码分析media
jqm源码系列:$.mobile.media 思路分析: 动态创建一个div,命名为testDiv,设置id为jquery-mediatest,追加到Body中动态创建一个style,命名为styleBlock,增加一段css规则://传递一个参数query比如:"only all"//给上面创建的id为jquery-mediatest设置一个positi...原创 2013-01-31 14:23:41 · 110 阅读 · 0 评论 -
jqm的loading相关
本文截取jqm loading相关的信息 以下代码截图选自1.1.0版本源码! 1、一些配置 loadingMessageTextVisible 默认是false ------- 是否显示loading文字 loadingMessage 默认是"loading" ------- 显示loading文...原创 2013-01-30 20:19:35 · 136 阅读 · 0 评论 -
jqm之support
jqm的源码分析之support $.extend($.support,{ orientation:"orientation" in window && "orientationchange" in window,touch:"ontouchend" in document,pushState:"pushState" in histor...原创 2013-01-25 11:07:09 · 101 阅读 · 0 评论 -
jqm源码之propExists
jqm源码系列之propExists //创建的一个body的jQuery对象var fakeBody = $("<body>").prependTo("html"), //body的style对象 fbCSS = fakeBody[0].style, vendors = ["Webkit","Moz","O"];原创 2013-01-24 15:15:09 · 91 阅读 · 0 评论 -
jqm的data-transition
data-transition的属性值: slide ----------------- 默认值,从右到左滑动的动画效果pop ----------------- 以弹出的效果打开页面slideup ----------------- 向上滑动的动画效果slidedown ...原创 2013-01-24 11:59:56 · 184 阅读 · 0 评论 -
jQuery Mobile权威指南开篇
1、jQuery Mobile的功能特点: 由页面元素标记驱动,无须使用js代码,可以建立大量的程序接口。 强大的ajax驱动导航以JQuery与JQuery UI为核心强大的浏览器兼容框架轻量级 1.0.1版本压缩后24kb + css文件6k支持触摸与其他鼠标事件tap 单击tap-and-hold 单击并按住...原创 2013-01-17 14:46:59 · 120 阅读 · 0 评论 -
介绍jquery事件的一种内部写法
注释:本文不探究jquery event机制,只是参照jquery mobile看看作者们咋写的! 已往,我们在Jq的体系中,多是: //document绑定自定义事件$(document).bind("pagecreate",function(){ //.....});//然后触发它$(document).trigger(...2013-03-25 20:00:20 · 127 阅读 · 0 评论