javascript - 方法 selectmenu() 不存在？

Question

你能帮我看看这段代码吗:

javascript:

$(document).ready(function() {
            $('#roomresults').append('<option value="ahoj">say hallo</option>');
            $('#roomresults').selectmenu('refresh'); 
            });

和我的选择:

<label for="roomresults"> Results: </label>
<select name="roomresults" id="roomresults" data-theme="c">
</select>

它看起来很简单，但是当我运行它时，我的 javascript 控制台告诉我

Uncaught TypeError: Object [object Object] has no method 'selectmenu'

问题出在哪里？感谢您的回答:)

Answer 1

不要使用这种语法:

$(document).ready(function() {
    $('#roomresults').append('<option value="ahoj">say hallo</option>');
    $('#roomresults').selectmenu('refresh'); 
});

像这样使用它:

$(document).live('pageinit',function(e,data){
    $('#roomresults').append('<option value="ahoj">say hallo</option>');
    $('#roomresults').selectmenu('refresh'); 
});

原因:$(document).ready(function() { 还不够，此时 jQuery Mobile 开始将页面加载到 DOM 中。事件 pageinit 用于检查 jQM 是否已成功加载。只有在此事件之后或期间，您才能使用 jQM 功能，如 selectmenu('refresh')。

您可以在这里找到更多相关信息:http://jquerymobile.com/test/docs/api/events.html

没有证明的答案是什么:http://jsfiddle.net/Gajotres/2wmZK/