我正在开发一个JQuery Mobile应用程序。我在页面加载时动态添加HTML。这里显示了一个精简的示例:
var h = "";
for (i=1; i<=5; i++) {
h += "<div>Entry #" + i + "</div>";
h += "<div class='ui-grid-a'>";
h += "<div class='ui-block-a'><input type='button' value='Approve' onclick='return approveButton_Click(this);' /></div>";
h += "<div class='ui-block-b'><input type='button' value='Reject' onclick='return rejectAbuse_Click(this);' /></div>";
h += "</div><hr />";
});
$("#entries", "#myPage").append(h);
我的HTML出现在用户界面中。但是,按钮不会呈现为典型的JQuery Mobile按钮。相反,它们看起来像传统的HTML按钮。如何获取动态添加的按钮以应用JQuery移动样式?
谢谢
答案 0 :(得分:7)
以下是您的代码中的一个工作示例:http://jsfiddle.net/Gajotres/NuCs2/
在刷新按钮之前,首先必须使用.button()函数进行初始化。就像这样:
$("#approve"+i).button().button('refresh');
$("#reject"+i).button().button('refresh');
还有另一种解决方案,但只有在重新创建整个页面时才应使用它:
$("#index").trigger("pagecreate");
以下是第二个解决方案的示例:http://jsfiddle.net/Gajotres/mpFJn/
如果您想了解有关标记增强方法的更多信息,请查看我的其他 ARTICLE ,让我透明,这是我的个人博客。或者找到 HERE 。
答案 1 :(得分:0)
使用Jquery mobile中的“Refresh”方法来动态显示Jqm UI ...
http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-methods.html