3

我正在开发一个 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 移动样式？

谢谢

4

2 回答 2

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/

如果您想了解更多关于标记增强方法的信息，请查看我的另一篇文章，让我保持透明，这是我的个人博客。或者在这里找到它。

于 2013-01-12T17:41:00.690 回答
0

在 Jquery mobile 中使用“刷新”方法来动态显示 Jqm UI...

http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-methods.html

于 2013-01-12T13:24:00.280 回答