jQueryMobile知识汇总.pptxVIP

jQuery Mobile简介;jQuery Mobile 的作用;jQuery Mobile 关键特点;jQuery Mobile 兼容的移动平台; A 级  Apple iOS 3.2-5.0 beta Android 2.1-2.3 Android 3.0 Honeycomb Windows Phone 7 Blackberry 6.0 Blackberry 7 Blackberry Playbook Palm WebOS (1.4-2.0) Palm WebOS 3.0 Firebox Mobile (Beta) Opera Mobile 11.0 Meego 1.2 Kindle 3 Chrome Desktop 11-13 Firefox Desktop 3.6-4.0 Internet Explorer 7-9 Opera Desktop 10-11 ;配置讲解;优化移动体验增强标记;jQuery Mobile;设置内部页面的页面标题;Ajax导航;Ajax导航;转换效果;对话框;对话框:警告;对话框:操作表;带有媒体查询的响应式布局;页面预加载;页面缓存;链接到内部页面或外部页面;页眉;回退按钮;回退链接;页脚;标签栏;含有图标的标签栏;按钮;按钮;Icon列表;Icon列表;按钮;分组按钮;动态按钮;按钮选项;按钮方法;按钮事件;表单元素;本地表单元素;文本输入;名称;文本输入选项;文本输入方法;div data-role=“fieldcontain” label for=“name” 文本输入框：/label input type=“text” name=“name” value=“”/ /div ;选择菜单;选择菜单;选择菜单;hidePlaceholderMenuItems boolean default:true:默认情况下，当选择菜单打开时，占位符菜单条目时隐藏不见的。为了让占位符条目时可选择的，将该值设置为false。 $(“#select1”).selectmenu({hidePlaceholderMenuItemes:false}); Icon string default:”arrow-d”:设置选择按钮的图标。该选项还可以公开作为一个数据属性：data-icon=“plus”. $(“#select1”).selectmenu({icon:”plus”}); Iconpos string default:”right”：设置图标位置。可能的值为”left”、”right”、”none”和”notext”.”notext”值会将选择按钮（select）显示为一个只带有图标的按钮，而且该按钮没有占位符文本。”none”值将会彻底移除图标：data-iconpos=“none”. $(“#select1”).selectmenu({iconpos:”notext”}); Iconshadow boolean default:true:当该选项的值为true时，jQuery Mobile框架会为图标添加阴影：data-iconshadow=“false” $(“#select1”).selectmenu({iconshadow:false}); initSelector CSS selector string default:”select:not(:jqmData(role=‘slider’))”: initSelector定义用来触发widget插件自动初始化的选择器（元素类型、数据角色[data role]等）。例如，由默认选择器匹配的所有元素都会被selectmenu插件增强。为了重写该选择器，可以绑定到mobileinit事件，并根据情况更新选择器。 $(document).bind(“mobileinit”,function(){ $.totype.options.initSelect=“…”;});Inline boolean default:false:如果该选项设置为true，则会让选择按钮以内嵌（inline）按钮的形式显示。默认情况下，选择按钮会占据其容器的整个宽度。与之相对比的是，内嵌按钮只占据其占位符文本的宽度：data-inline=“true” $(“#select1”).selectmenu({inline:true}); nativeMenu boolean default:true:默认情况下，