您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 按钮

jQuery Mobile 按钮_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > jQuery Mobile 教程 > jQuery Mobile 按钮

jQuery Mobile 按钮

此节有 169 人学习过     更新时间:2017-08-06 12:17   参与评论

移动应用程序构建于触控操作的方便性之上。

jQuery Mobile 中创建按钮

jQuery Mobile 中的按钮可通过三种方法创建:

  • 使用 <button> 元素
  • 使用 <input> 元素
  • 使用 data-role="button" 的 <a> 元素

<button>

<button>按钮</button>

亲自试一试

<input>

<input type="button" value="按钮">

亲自试一试

<a>

<a href="#" data-role="button">按钮</a>

亲自试一试

提示:jQuery Mobile 中的按钮会主动获得样式,这增强了他们在移动设施上的交互性和可用性。我们推举您使用 data-role="button" 的 <a> 元素来创建页面之间的链接,而 <input> 或 <button> 元素用于表单提交。

导航按钮

如需通过按钮来链接页面,请使用 data-role="button" 的 <a> 元素:

实例

<a href="#pagetwo" data-role="button">转到页面二</a>

亲自试一试

行内按钮

默认情况下,按钮会占据屏幕的全部宽度。如果您需要按钮适应其内容,或者如果您需要两个或多个按钮并排显示,请添加 data-inline="true":

实例

<a href="#pagetwo" data-role="button" data-inline="true">转到页面二</a>

亲自试一试

组合按钮

jQuery Mobile 提供了对按钮进行组合的简单方法。

请将 data-role="controlgroup" 属性与 data-type="horizontal|vertical" 一同使用,以规定水平或垂直地组合按钮:

实例

<div data-role="controlgroup" data-type="horizontal">
  <a href="#anylink" data-role="button">按钮 1</a>
  <a href="#anylink" data-role="button">按钮 2</a>
  <a href="#anylink" data-role="button">按钮 3</a>
</div>

亲自试一试

提示:默认情况下,组合按钮是垂直分组的,彼此间没有外边距和空白。并且只有第一个和最后一个按钮拥有圆角,在组合后就发明出了美丽的外观。

后退按钮

如需创建后退按钮,请使用 data-rel="back" 属性(会疏忽锚的 href 值):

实例

<a href="#" data-role="button" data-rel="back">返回</a>

亲自试一试

二十一点怎么赌用于按钮的 data-* 属性

属性 描述 实例
data-corners true | false 规定按钮是否有圆角。 测验
data-mini true | false 规定是否是小型按钮。 测验
data-shadow true | false 规定按钮是否有阴影。 测验

如需有关 jQuery Mobile data-* 属性的完整信息,请访问我们的 亲自试一试0。

下一节演示如何为按钮添加图标。

如对本文有疑问,请提交到交流真人娱乐城斗地主,广大热心网友会为你解答!! 点击进入真人娱乐城斗地主


公布评论 (169人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换赌神城娱乐
最新评论
------分隔线----------------------------
条评论
Sitemap