全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio

jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项jQuery Mobile 所有data-*选项：data-role="none" //避免jquery自动为元素添加样式按钮：//在1.4 版本以后已废弃。使用 CSS 类 替代。带有 data-role="button" 的超链接。button 元素、工具栏中

//全局类//ui-corner-all 为元素添加圆角//ui-shadow 为元素添加阴影//ui-overlay-shadow 为元素添加多层阴影//ui-mini 让元素变小////按钮类 <a> 或 <button> 元素添加以下类 (不是 <input> 按

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile事件全解 jQuery Mobile 所有class选项 jQuery Mobile 所有data-*选项一个demo学会jquery mobile：今天这篇文章我们包含了jquery mobile的所有框架（主要是css上的设计），当然不包含重复了jquery的东西。其中jquery mobile中所有的特色的data-role选项

//使用pageinit 事件来设置代码脚本在DOM元素加载完成后开始执行$(document).on("pagecreate","#pageone",function(){ // jQuery 事件...});//点击事件$("p").on("tap",function(){ $(this).hide();});//长按事件 点击不放（长按） 事件在点击并不放（大约

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中页面page的data-*选项带有 data-role=”page” 的容器。//data-add-back-btn true | false 自动添加后退按钮，仅限头部栏//data-back-btn-text sometext

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中列表listview的data-*选项//带有 data-role="listview" 的 或 。//data-autodividers true | false 规定是否自动划分列表项//data-count-theme

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中可折叠块collapsed的data-*选项在带有 data-role=”collapsible” 的容器内部的后跟任意 HTML 标记的标题元素。//data-collapsed true | false 规定内容是折叠还是展

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中弹窗popup的data-*选项带有 data-role=”popup” 的容器。//data-corners true | false 规定弹窗是否圆角//data-overlay-theme 字母 (a-z)

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有class选项jQuery Mobile中图标icon样式大全//ui-icon-action 动作 (一般用于页面跳转切换) action//ui-icon-alert 三角形内的感叹号 alert//ui-icon-audio

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中固定工具栏header、footer的data-*选项带有 data-role=”header” 或 data-role=”footer”，并带有 data-position=”fixed” 属性的容器。//data-disable-page-zoom true | fals

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中头部栏header的data-*选项带有 data-role=”header” 的容器。//data-id sometext 规定唯一 ID。对于持续的头部栏是必需的//data-position

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中尾部栏footer的data-*选项带有 data-role=”footer” 的容器。//data-id sometext 规定唯一 ID。对于持续的尾部栏是必需的//data-position

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中列表项li的data-*选项//带有 data-role="listview" 的 或 内的 。//data-filtertext sometext 规定当过滤元素时要搜索的文本。该文本将会被过滤，而不是实际的列表项文本

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中复选框checkbox的data-*选项带有 type=”checkbox” 的成双成对的 label 和 input。它们会被自动渲染程按钮样式，data-role 不是必需的。//data-mini true | false

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中面板panel的data-*选项带有 data-role=”panel”// data-display="overlay" 在内容上显示面板// data-display="push" 是同时"推动"面板和页面。// data-dis

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有class选项jQuery Mobile中按钮class样式<a> 或 <button> 元素添加以下类 (不是 <input> 按钮)://ui-btn 添加在 <a> 元素上并以按钮形式展示//ui-btn-inline 在同一行上显示按钮//ui

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中对话框dialog的data-*选项带有 data-role=”dialog” 的容器或带有 data-rel=”dialog” 的链接。//data-close-btn-text sometext 规定对话框关闭按钮的文本//data-dom-cach

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中滑动块range的data-*选项带有 type=”range” 的输入框。这些会被自动渲染成按钮样式，date-role 是不必需的。//data-highlight true | false 规定滑动轨道是否高亮突出显示

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中链接的data-*选项所有的链接，包含那些带有 data-role=”button” 的链接和表单提交按钮。//data-ajax true | false 规定是否通过 ajax 加载

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中导航栏navbar的data-*选项//带有 data-role="navbar" 容器内部的 元素。//data-icon 图标参考手册 规定列表项的图标//data-i

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有class选项jQuery Mobile中网格grid样式网格中的列是等宽的（合计是 100%），没有边框、背景、margin 或 padding//ui-grid-solo 100% ui-block-a//ui-grid-a 50% / 50%

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中按钮button的data-*选项//在1.4 版本以后已废弃。使用 CSS 类 替代带有 data-role="button" 的超链接。button 元素、工具栏中的链接以及 input 字段都会自动渲染成按钮样式，不需要添加 data-role="button"。//data-cor

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中文本输入域input、textarea的data-*选项带有 type=”text|search|etc.” 的 input 或 textarea 元素。这些会被自动渲染成按钮样式，date-role 是不必需的。//data-mini

jQuery Mobile中按钮或添加class样式ui-btn-* 全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有class选项jQuery Mobile中主题theme样式Classes 字母 (a-z) 意为样式可以指定 a 到 z。例如 ui-bar-a 或 ui-bar-b等//ui-bar-(a-z) 指定栏目演示 - 头部，底部及

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中单选按钮radio的data-*选项带有 type=”radio” 的成双成对的 label 和 input。它们会被自动渲染程按钮样式，data-role 不是必需的。//data-mini true | false

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中翻转拨动开关slider的data-*选项//一个带有 data-role="slider" 的 元素和两个 元素。//data-mini true | false 规定开关是小尺寸还是常规尺寸//data-role

全栈工程师开发手册 （作者：栾鹏）jQuery Mobile 所有data-*选项jQuery Mobile中选择select的data-*选项//所有的 元素。这些会被自动渲染成按钮样式，date-role 是不必需的。//data-icon 图标参考手册 规定 select 元素的图标。默