jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-mobile – 通过JQuery Mobile动态添加按钮大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个 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/

如果你想了解更多关于标记增强的方法,请看看我的其他ARTICLE,让我透明,这是我的个人博客.或者找到它HERE.

大佬总结

以上是大佬教程为你收集整理的jquery-mobile – 通过JQuery Mobile动态添加按钮全部内容,希望文章能够帮你解决jquery-mobile – 通过JQuery Mobile动态添加按钮所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。