jQuery Mobile 按钮
作者:归人云淡风轻
时间:2026-08-11
浏览:0
Mobile 应用程序是建立在您想要显示的简单的点击事物上。 在 jQuery Mobile 中创建按钮 在 jQuery Mobile 中,按钮可通过三种方式创建: 使用 元素 使用 元素 使用带有 data-role="button" 的 元素 按钮 按钮 在 jQuery Mobile 中,按
本文目录
Mobile 应用程序是建立在您想要显示的简单的点击事物上。
在 jQuery Mobile 中创建按钮
在 jQuery Mobile 中,按钮可通过三种方式创建:
- 使用
- 使用 元素
- 使用带有 data-role="button" 的 元素
按钮
![]() |
在 jQuery Mobile 中,按钮会自动样式化,让它们在移动设备上更具吸引力和可用性。我们推荐您使用带有 data-role="button" 的 元素在页面间进行链接,使用 或 |
|---|
导航按钮
如需通过按钮在页面间进行链接,请使用带有 data-role="button" 属性的 元素:
实例
访问第二个页面
内联按钮
在默认状态下,按钮会横向铺满整块屏幕。要是只希望它保持与内容等宽,或者想把两个及以上按钮并排摆放,就需要加上 data-inline="true":
实例
访问第二个页面
组合按钮
jQuery Mobile 提供了一个简单的方法来将按钮组合在一起。
可以把 data-role="controlgroup" 和 data-type="horizontal|vertical" 搭配起来使用,这样就能明确按钮是按水平方向排列,还是按垂直方向组合:
实例
![]() |
默认情况下,组合按钮是垂直组合,它们之间没有外边距和空间。并且只有第一个和最后一个按钮是圆角,以便它们组合在一起的时候创建一个漂亮的外观。 |
|---|
后退按钮
如需创建后退按钮,请使用 data-rel="back" 属性(这会忽略锚的 href 值):
实例
返回
更多链接按钮实例
| 类 | 描述 | 实例 |
|---|---|---|
| ui-btn-b | 修改按钮颜色为黑色,字体为白色(默认为灰色背景,黑色字体)。 | |
| ui-corner-all | 为按钮添加圆角 | |
| ui-mini | 制作小按钮 | |
| ui-shadow | 为按钮添加阴影 |
![]() |
如果你需要使用更多的样式,每个样式类使用空格隔开,如: class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow" 默认情况下 按钮有圆角及阴影效果。 和 |
|---|
更完整的CSS类,请查看我们的 jQuery Mobile CSS 类参考手册。
下一章演示如何在按钮上加上图标。
作者最新文章
coreldraw快捷键怎么设置在哪里
2026-11-02 21:39
AO3最新可用链接及中文入口汇总
2026-10-29 13:32
coreldraw怎么插入图片 图片导入步骤
2026-10-27 15:37
coreldraw快捷键冲突 怎么改 自定义按键解决
2026-10-24 08:50
AO3中文界面设置指南与核心功能使用教程
2026-10-14 23:28
上一篇:
jQuery Mobile 按钮图标
下一篇:
jQuery Mobile 过渡
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多


































