jQuery Mobile 入门教程

jQuery Mobile 入门教程jquery mobile教程,jquerymobile入门教,jquery mobile,jquery教程,jquerymobileapi,jquerymobile,jquerymobiledemo,入门教程,jquery入门教程,arm入门教程
社会化媒体营销 > jQuery Mobile 入门教程

jQuery Mobile 入门教程(2)

jQuery Mobile文件 jquery.mobile-1.0a3.min.js

在上面的页面基本模板中,引入这三个元素采用的是jQuery CDN方式,开发人员也可以这些文件及主题到你的服务器上。

我们可以看到页面中的内容都是包装在div标签中并在标签中加入data-role=‖page‖属性。这样jQuery Mobile

就会知道哪些内容需要处理。

说明:data-属性是HTML5新推出的很有趣的一个特性,它可以让开发人员添加任意属性到html标签中,只要

添加的属性名有―data-‖前缀。

在‖page‖div中,还可以包含‖header‖,‖content‖,‖footer‖的div元素,这些元素都是可选的,但至少要包含一个―content‖div。

jQuery Mobile 入门:

使用jQuery Mobile的第一步,先创建一个html页面,并在head标签中加入以下内容: