json2html jQuery移动按钮里面的表td看起来很旧,按钮()/刷新后新按钮里面有旧按钮

时间:2014-03-10 22:36:29

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

我正在使用此转换在常规表'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(),结果相同。

1 个答案:

答案 0 :(得分:2)

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

不再有data-role=buttondata-mini=true等......所有内容都会被以下类替换。

要将按钮或锚转换为jQM按钮,只需添加ui-btn类。要添加位置为ui-btn-icon-leftrighttopbottom的图标。图标的图片ui-icon-barsdeleteinfo等。迷你按钮/锚点ui-mini。按钮的主题ui-btn-ab

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

<强> Demo