JQuery Mobile,在以编程方式更改按钮文本时丢失格式

时间:2013-01-29 01:59:57

标签: jquery jquery-mobile button dynamic formatting

我试图在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>

1 个答案:

答案 0 :(得分:1)

应该使用:

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

更改文字,不需要:

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

此外,将来不要使用: $("#buttonId").button("refresh"); ,此功能仅用于增强动态创建/展开的listview外观。

正确的方法是:

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

按钮没有刷新方法。如果您想了解更多相关信息,为什么在jQuery Mobile中使用动态创建的内容时要小心,请查看我的博客 ARTICLE 。或者你可以找到 HERE