我正在开发一个
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出现在UI中.但是,按钮不会呈现为典型的JQuery Mobile按钮.相反,它们看起来像传统的HTML按钮.如何获取动态添加的按钮以应用JQuery移动样式?
谢谢
解决方法
以下是代码中的一个工作示例:
http://jsfiddle.net/Gajotres/NuCs2/
在刷新按钮之前,首先必须使用.button()函数进行初始化.像这样:
$("#approve"+i).button().button('refresh'); $("#reject"+i).button().button('refresh');
$("#index").trigger("pagecreate");
以下是第二个解决方案的示例:http://jsfiddle.net/Gajotres/mpFJn/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。