Button markup按钮标记

新增一些类来对a(链接)button元素进行样式化. input按钮可通过按钮控件来加强样式化. 可以看看这个页面的例子.

请注意,在1.4版本中data- 属性仍然可以使用. 不推荐使用的buttonMarkup 方法将会给带有data-role="button"属性的a元素和button元素添加合适的类. 此方法还将role="button"属性添加到anchor(锚)元素中去.

Basic markup基本标记

Anchor

Corners边界

Anchor

只有图标的按钮在默认情况下是圆形的. 在这里我们展示如何设置与其他按钮相同的边框半径.

No text

Shadow阴影

Anchor

Inline内嵌

Anchor

Theme主题

Anchor - Inherit Anchor - Theme swatch A(主题样本A) Anchor - Theme swatch B(主题样本B)

Mini微型

Anchor

Icons图标

Anchor

Icon position图标位置

Left Right Top Bottom Icon only

Inline(内嵌):

Left Right Top Bottom Icon only

Icon shadow图标阴影

注意:这个样式化选项在jQuery Mobile 1.4.0中已经被废弃, 而且将在1.5.0中删除这个选项.因此, 我们jQuery Mobile渲染按钮的默认值改为false.

Anchor

Theme B:

Disabled不可用

Disabled anchor via class(通过class设置不可用的锚)

Native button原生按钮

在1.4版本中button仍会自动渲染. 此示例演示如何防止这种情况出现.