浅析jQuery移动开发中内联按钮和分组按钮的编写(jquery开发)

编辑：rootadmin

推荐整理分享浅析jQuery移动开发中内联按钮和分组按钮的编写(jquery开发)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery移动节点的方法,jquery开发,jquery元素的移动,jquery移动div,jquery怎么打开,jquery实现移动端,jquery移动div,jquery实现移动端,内容如对您有帮助，希望把文章链接给更多的朋友！

内联按钮 data-inline=true默认情况下，在体内含量的所有按钮都称为块级元素，所以他们填补了屏幕的宽度。

但是，如果你想让按钮外观紧凑，宽度只符合里面的文字和icon，那就给按钮添加data-inline="true"的属性。

如果你有多个按钮，应该肩并肩地坐在同一行，将data-inline="true"的属性为每个按钮。这将风格的按钮将其内容的宽度和浮动按钮让他们坐在同一条直线上。

添加 data-mini="true" 对内联按钮创建一个更紧凑的版本:

分组按钮 data-role=controlgroup有时候，你想把一组按钮放进一个单独的容器内，使他们看起来想一个独立的导航部件。你可以把一组按钮包裹在一个容器内，然后给该容器添加 data-role="controlgroup" 属性，Jquery Mobile会创建一个垂直的按钮组，删除掉按钮间的margin和阴影，然后只在第一个按钮和最后一个按钮产生圆角，使他们看起来是一组按钮。

水平排列 data-type="horizontal"

默认情况下，组按钮表现为垂直列表，如果给容器添加 data-type="horizontal" 的属性，则可以转换为水平按钮的列表，按钮会横向一个挨着一个地水平排列，并设置只有足够大以适应内容的宽度。（（所以要注意横排情况下按钮不要太多，按钮的字也不要太多）

迷你版 data-mini="true"

仅图标 data-iconpos="notext"

使用CDN和AJAX加速WordPress中jQuery的加载确定要放在Head部分事实上最好的情况是，js文件都不要在head部分进行加载，否则会影响到head部分的载入速度，直接导致网站的内容（body）载入延迟。

使用jQuery+EasyUI实现CheckBoxTree的级联选中特效需求：子结点选中，父节点随之选中，父节点取消，子节点随之取消代码：!DOCTYPEhtmlhtmlxmlns="

小巧强大的jquery layer弹窗弹层插件先去官网下载最新的

标签: jquery开发

本文链接地址:https://www.jiuchutong.com/biancheng/376216.html 转载请保留说明！

上一篇：使用jQuery在移动页面上添加按钮和给按钮添加图标(jquery移动div到另一个div中)

下一篇：使用CDN和AJAX加速WordPress中jQuery的加载(cdn ajax)