Quantcast
Channel: w3cplus - jQuery Mobile
Browsing latest articles
Browse All 20 View Live

jQuery Mobile教程-中级篇-dialog

特别申明:本系列教程由小春撰写本文主要看一下jQuery Mobile体系中的dialog组件:它开放了一个close的api补充:如果你对dialog还是比较陌生的话,可以查看我们的《基础篇-弹窗篇》 1、如何关闭dialog?示例: //关闭dialog $("#close-dialog-btn").click(function(){...

View Article



jQuery Mobile教程-中级篇-checkboxradio插件

特别申明:本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile的checkboxradio插件表单中的radio与checkbox都依赖它进行初始化增强以及一些事件的绑定(disable、enable、checked、unchecked)等补充:如果你对button还是比较陌生的话,可以查看我们的《基础篇-表单篇》 1、disable(禁用)示例: //禁用...

View Article

jQuery Mobile教程-中级篇-textinput插件

特别申明:本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile的textinput插件主要让大家熟悉一下动态创建input、禁用input以及启用input 1、动态创建input示例: //动态创建 $("#dynamic_input").bind('click',function(){ //一次哦 if($("#dynamic_input_new").length <...

View Article

jQuery Mobile教程-中级篇-selectmenu插件

特别申明:本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile的selectmenu插件主要让大家熟悉一下动态创建selectmenu、禁用selectmenu以及启用selectmenu 1、动态创建input示例: //动态创建 $("#dynamic_selectmenu").bind('click',function(){ //一次哦...

View Article

Image may be NSFW.
Clik here to view.

jQuery Mobile教程-高级篇-按钮自动增强的细节实现

特别申明:本系列教程由小春撰写本文我们来通过对比按鈕自动增强前后的html代码,直观地让大家来深度认识一下jQuery Mobile中如何对按钮进行自动增强设计的!还记得我们前面在《jQuery Mobile教程-基础篇-按钮篇》里面提到的一些基本的按钮知识吗?如何有不熟悉的,可以去查阅一下! 1、先看链接按钮:我们在页面编写的代码:<a data-theme="a"...

View Article


jQuery Mobile教程-高级篇-网格配置实现细节

特别申明:本系列教程由小春撰写本文我们来通过源码分析的方式,深度认识一下jQuery Mobile中grid组件的设计实现细节还记得我们前面在《jQuery Mobile教程-基础篇-网格篇》里面提到的如何设置几列布局吗?先看一下jquery.mobile-1.1.0.css的样式设计源码: /*grid的class*/...

View Article

jQuery Mobile教程-高级篇-自动增强主体结构开篇

特别申明:本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile中一个大致的自动增强的流程设计还记得我们前面在《jQuery Mobile教程-基础篇-如何开始?》里面提到的一个最简单的页面结构吗?再直观地看看这个结构:<div data-role="page"> <div data-role="header">...

View Article

Image may be NSFW.
Clik here to view.

jQuery Mobile教程-高级篇-pagecreate事件由来

特别申明:本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile体系中非常非常非常有用的事件: --------pagecreate以及pagebeforecreate的由来!(注释:下面示例中的代码片段均来自1.1.0版本)很多看过源码的同学,应该多会在很多地方看到下面这种事件绑定,我挑选了第一个出现的地方:源码实例: //#4010...

View Article


jQuery Mobile教程-高级篇-特殊选择器扩展之:jqmData

特别申明:本系列教程由小春撰写本文我们来认识一下jQuery Mobile的一个比较特殊的选择器方式(注释:下面示例中的代码片段均来自1.1.0版本)很多看过源码的同学,应该多会在很多地方看到下面这种选择器,用过jquery的人都会疑问? ---- jquery本身没有这种选择器类型的支持!源码示例: //获取页面data-role="page"和data-role="dialog"的数目...

View Article


Image may be NSFW.
Clik here to view.

jQuery Mobile教程-高级篇-原理之组件自动初始化

特别申明:本系列教程由小春撰写本文我们来深度认识一下jQuery Mobile的内部设计原理中组件如何自动初始化(注释:下面示例中的代码片段均来自1.1.0版本)很多看过源码的同学或者使用过jquery mobile的同学们,大家有没有一个很大很大的问题: ------- jquery...

View Article
Browsing latest articles
Browse All 20 View Live




Latest Images