mobile

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

特别申明:本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile的selectmenu插件
主要让大家熟悉一下动态创建selectmenu、禁用selectmenu以及启用selectmenu

1、动态创建input

示例:

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

特别申明:本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile的textinput插件
主要让大家熟悉一下动态创建input、禁用input以及启用input

1、动态创建input

示例:

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

特别申明:本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile的checkboxradio插件
表单中的radio与checkbox都依赖它进行初始化增强以及一些事件的绑定(disable、enable、checked、unchecked)等

补充:如果你对button还是比较陌生的话,可以查看我们的《基础篇-表单篇》

1、disable(禁用)

示例:

	//禁用
	$("#disable_checkbox").bind('click',function(){
		$("#major_eng").checkboxradio("disable");
	});

2、enable(启用)

示例:

jQuery Mobile教程-中级篇-dialog

特别申明:本系列教程由小春撰写

本文主要看一下jQuery Mobile体系中的dialog组件:
它开放了一个close的api

补充:如果你对dialog还是比较陌生的话,可以查看我们的《基础篇-弹窗篇》

1、如何关闭dialog?

示例:

//关闭dialog
$("#close-dialog-btn").click(function(){
	$("#alert-dialog").dialog("close");
});

源码:

jQuery Mobile教程-中级篇-button组件

特别申明:本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile的button组件
主要让大家熟悉一下动态创建按钮、禁用按钮以及启用按钮

补充:如果你对button还是比较陌生的话,可以查看我们的《基础篇-按钮篇》

1、动态创建按钮

示例:

jQuery Mobile教程-事件篇

特别申明:本系列教程由小春撰写

本文我们来认识一下jQuery Mobile的几个比较重要的基本事件

1、mobileinit

可以利用它来扩展$.mobile或者修改默认配置

示例:

jQuery Mobile教程-基础篇-属性

特别申明:本系列教程由小春撰写

本文我们来认识一下jQuery Mobile的一些属性
(注释:下面示例中的代码片段均来自1.1.0版本)
首先解释一下在jquery mobile里面的每一个view或者page的概念:
如何定义一个页面容器呢?
从前面的教程里面,你应该看过下面的代码:

//一个单独的page
<div data-role="page"></div>

//多个page
<div data-role="page" id="home-page">
</div>

<div data-role="page" id="copyright-page">
</div>

其实page的配置方式很简单,但是我们下面看看源码:

jQuery Mobile教程-基础篇-列表篇

特别申明:本系列教程由小春撰写

列表也是移动开发中比较频繁使用的一个组件,我们采用"提问●回答"的方式来初步地了解一下:

1、如何设置列表?

示例:

<!-- listview ul start -->
<ul data-role="listview">
	<li>
		<a>可以给ol或者ul增加data-role</a>
	</li>
	<li>
		<a>默认情况下li是c的主题</a>
	</li>
</ul>
<!-- listview ul end -->

图示:

jQuery Mobile教程-基础篇-网格篇

特别申明:本系列教程由小春撰写

本文主要看一下jQuery Mobile体系中的grid组件,我们采用"提问●回答"的方式来初步地了解一下:

1、如何设置2列布局?

示例:

jQuery Mobile教程-基础篇-表单篇

特别申明:本系列教程由小春撰写

本文主要看一下jQuery Mobile体系中的form常见的几个组件,我们采用"提问●回答"的方式来初步地了解一下:

1、如何设置radio?

示例:

页面

返回顶部