2

我正在使用此转换在常规表“td”内构建一个 jQuery 移动按钮:

{
    "tag":"button",
    "type":"button",
    "id":"${idPrefix}-delete",
    "data-role":"button",
    "data-mini":"true",
    "data-icon":"delete",
    "html":"Delete"
}

但它呈现为旧的 HTML 按钮。

在我手动刷新按钮后,它看起来像一个带有图标的移动按钮,但旧按钮在其中被“缩小”了。

如何解决这个问题?


失踪::before

我只是将它与一个看起来很普通的移动按钮进行了比较,而有问题的按钮在标签::before之前的右边丢失了。<button>


我删除了所有移动属性并尝试button()稍后调用,结果相同。

4

1 回答 1

2

为了加快 webapp 初始化并提高 jQM 的性能,jQM 团队决定删除.buttonMarkup()小部件并用类替换它。

不再有data-role=button,data-mini=true等...全部替换为如下的类。

要将按钮或锚点转换为 jQM 按钮,只需添加ui-btn类。添加位置为ui-btn-icon-left, right, top,的图标bottom。图标的图像ui-icon-bars, delete,info等 迷你按钮/锚点ui-mini。按钮的主题ui-btn-ab.

<button class="ui-btn ui-mini ui-btn-icon-right ui-icon-delete">Button</button>

演示

于 2014-03-10T23:16:55.897 回答