jquery - 使用 jQuery 更改 jQuery 移动按钮的值

Question

想知道你是否可以帮助我。我在使用 jQuery 更改 jQuery Mobile 按钮的文本时似乎遇到问题。

$("#myButton .ui-btn-text").text("New text"); 

上面为相关问题推荐的代码似乎不起作用。

也没有:

$("#myButton").attr(value,"New Test");

我的按钮的代码如下:

<input type="button" name="answer" id="myButton" data-theme="b" data-answer="4" value="next"></button>

如果有任何反馈，我将不胜感激。谢谢

Answer 1

由于 jQuery mobile 围绕您的 input type="button" 元素生成 HTML，并且您看到的文本实际上并不是按钮的值，而是生成的 < 中的文本。强>跨度。您可以遍历 DOM 查找实际跨度，或者通过调用 .button("refresh") 告诉 jQuery 重新生成按钮 HTML，如下所示:

$("#MyButton").val("changed value");
$("#MyButton").button("refresh");

建议使用后者，因为它将与 jQuery mobile 的 future 版本保持兼容，而如果 jQuery 团队选择更改为按钮生成的 HTML 结构，则遍历 DOM 可能会中断。