jquery - JQuery Mobile，以编程方式更改按钮文本时丢失格式

Question

我正在尝试以编程方式更改 jQuery Mobile 中按钮的文本。当我这样做时，按钮会丢失一些格式。下面是说明两次尝试的代码。任何人都可以提出一种不会阻塞浏览器的方法吗？

<script>
$(document).bind("pageinit", function(){

    $("#buttonId").text("New Text");
    $("#buttonId").button("refresh");
});

//Method #2
$(document).ready(function () {
    $("#buttonId").text("New Text");
    $("#buttonId").button("refresh");
});
</script>

<a  id="buttonId" href="" data-role="button">Old Text</a>

Answer 1

这应该被使用：

$("#buttonId span span").text("New Text");

要更改文本，无需：

$("#buttonId").button("refresh");

将来也不要使用：$("#buttonId").button("refresh");，此功能仅用于增强动态创建/扩展的列表视图外观。

正确的方法是：

$("#buttonId").button();

按钮没有刷新方法。如果你想了解更多关于这个以及为什么在 jQuery Mobile 中使用动态创建的内容时要小心很重要，请查看我的博客文章。或者你可以在这里找到它。