jQuery Mobile 按钮 jquery 按钮不可用

Mobile 应用程序是建立在您想要显示的简单的点击事物上。

在 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>

尝试一下 ?

导航按钮

如需通过按钮在页面间进行链接，请使用带有 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>

更多链接按钮实例

默认情况下 <input> 按钮有圆角及阴影效果。 <a> 和 <button> 元素没有。