首页 >

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

web前端|js教程浅析jQuery移动开发中内联按钮和分组按钮的编写【jquery】
jQuery,内联按钮,分组按钮
web前端-js教程
内联按钮 data-inline=true
默认情况下,在体内含量的所有按钮都称为块级元素,所以他们填补了屏幕的宽度。
CScms源码破解,ubuntu下nvdia命令,如何防爬虫技术,php studo,厦门seo维护lzw
但是,如果你想让按钮外观紧凑,宽度只符合里面的文字和icon,那就给按钮添加data-inline=”true”的属性。
asp书画展整站源码,ubuntu14 联网,java爬虫和jsoup,php > 5.3.0,seo落后了lzw
如果你有多个按钮,应该肩并肩地坐在同一行,将data-inline=”true”的属性为每个按钮。这将风格的按钮将其内容的宽度和浮动按钮让他们坐在同一条直线上。
net 网站源码,ubuntu怎么进入指令,一个tomcat多个服务,爬虫夜行灯,php输出数据怎么看,seo博客站lzw
CancelSave
添加 data-mini=”true” 对内联按钮创建一个更紧凑的版本:

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

Yes No Maybe
水平排列 data-type=”horizontal”

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

Yes No Maybe
迷你版 data-mini=”true”

Yes No Maybe
仅图标 data-iconpos=”notext”

Up Down Delete

  • 暂无相关文章