javascript - Phonegap 更改按钮值 onclick

Question

我正在使用phonegap并有一些像这样的按钮:

<input id="my_button" type="button" onclick="my_function();"/>

我想捕获点击事件来改变按钮的值，

my_function () {
    alert('42');
    document.getElementById('my_button').value = 'foo bar baz';
}

当我在手机中测试该代码时，会显示警报，但按钮值保持不变...

PD:我也在使用jquery mobile，不知道这是否有什么不同。

提前致谢

Answer 1

要更新 jQuery Mobile 按钮小部件的文本，您可以使用 .button() jQuery Mobile 公开的方法。这很有帮助，因为不同类型的按钮 ( <a/ >/<input />/<button /> ) 需要进行不同的更新。

这是一个例子:

my_function () {
    $("#my_button").val("foo bar baz").button("refresh");
}

文档:http://jquerymobile.com/demos/1.1.1/docs/buttons/buttons-methods.html

这是一个演示:http://jsfiddle.net/4YPHe/