我正在使用此转换在常规表'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()
,结果相同。
答案 0 :(得分: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-a
或b
。
<button class="ui-btn ui-mini ui-btn-icon-right ui-icon-delete">Button</button>
<强> Demo 强>