javascript - 表 td 内的 json2htmled jQuery 移动按钮看起来很旧，在按钮()/刷新后新按钮中有旧按钮

Question

我使用此转换在常规表“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()后来，同样的结果。

Answer 1

为了加速 Web 应用程序初始化并提高 jQuery Mobile 的性能，团队决定放弃 .buttonMarkup() 小部件并用类替换它。

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

要将按钮或 anchor 转换为 jQM 按钮，只需添加 ui-btn 类。添加位置为 ui-btn-icon-left、right、top、bottom 的图标。图标的图像ui-icon-bars、delete、info等。迷你按钮/ anchor ui-mini。按钮的主题 ui-btn-a 或 b。

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

JSFiddle Demo