表 td 内的 json2htmled jQuery 移动按钮看起来很旧，在按钮（）/刷新之后有新按钮内的旧按钮答案

【问题标题】：json2htmled jQuery mobile button inside table td looks old, has old button inside new one after button()/refresh表 td 内的 json2htmled jQuery 移动按钮看起来很旧，在按钮（）/刷新之后有新按钮内的旧按钮
【发布时间】：2014-04-14 07:15:39
【问题描述】：

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

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

但它呈现为旧的 HTML 按钮。

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

如何解决这个问题？

缺少::before？

我只是将它与一个看起来很普通的移动按钮进行了比较，有问题的按钮在 <button> 标记之前缺少 ::before。

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

【问题讨论】：

$("button").button(); 来增强它。
哦，好吧，我错过了；）您使用的是哪个版本？你能发布渲染的html吗？
JQM 版本？ 1.4 或之前的版本？
你的答案在这里stackoverflow.com/a/22079455/1771795 按钮和锚标签的处理方式相同。无需使用任何类型的增强功能。直接添加类就可以了。
@Omar Yessir！通常，我会删除，但我认为考虑到 jquery mobile 的移动速度，这可能会为以后的人带来一些好处。你介意升级到答案吗？非常感谢您，提前！

标签： javascript jquery-mobile jquery-mobile-button htmlbutton json2html

【解决方案1】：

为了加快 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。 Button 的主题 ui-btn-a 或 b。

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

Demo

【讨论】：

完美！谢谢奥马尔！