[互联网]jQuery Mobile基础.pptVIP

表单 JM 表单 支持文本框的 placeholder=“…” 属性 通过 data-ajax=“false” 禁用 Ajax 加载 通过 data-theme 让表单使用不同的主题 可以使用HTML5新的类型，如email, tel, number 等 textarea 会自动根据输入的内容扩展输入框的高度，避免在手机上麻烦的滚动条 form name=test id=test action=form-response.php method=post data-transition=pop p label for=emailEmail:/label input type=email name=email id=email value= placeholder=Email data-theme=d/ /p p label for=emailEmail:/label input type=email name=email id=email1 value= placeholder=Email data-theme=d/ /p p label for=emailEmail:/label input type=email name=email id=email2 value= placeholder=Email data-theme=d/ /p p label for=emailEmail:/label input type=email name=email id=email3 value= placeholder=Email data-theme=d/ /p p button type=submit data-theme=a name=submitSubmit/button /p /form JM 的列表 List View 列表广泛用于数据显示，导航，结果列表，数据项输入等，jQuery Mobile包含了许多不同 列表类型和格式化的例子来覆盖大部分的设计需求。 !-- 一个最基本的列表 -- ul data-role=listview data-theme=g  lia href=acura.htmlAcura/a/li lia href=audi.htmlAudi/a/li lia href=bmw.htmlBMW/a/li /ul JM 的各种不同列表 基本列表 嵌套列表 编号列表 只读列表 拆分按钮列表 列表分隔 搜索过滤器 气泡计数 缩略图和图标 在线演示：/demos/1.0b2/#/demos/1.0b2/docs/lists/index.html 引用方式 link rel=stylesheet href=/mobile/1.0/jquery.mobile-1.0.min.css / script src=/jquery-1.6.4.min.js/script script src=/mobile/1.0/jquery.mobile-1.0.min.js/script 收集一些jQueryMobile的插件和案例 1，photoswipe 网址：/ demo: /latest/examples/04-jquery-mobile.html 个人描述：在手机上操作很流畅，能自使用屏幕尺寸，竖屏显示效果很好，横屏图片太大了，也就是列数固定的原因。 2，Touch-Gallery 网址：/touch-gallery.html demo: 在首页在左下角 个人描述：就是一个图片箱子插件，点击图片放大，周围变黑遮罩，双击周围返回列表，还未有在手机测试，但是上面写着iphone / ipad 可以使用。  3，一个用jQueryMobile实现驾驶导航