方法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'); 
}); 

原因：$（文件）。就緒（函數（）{是不夠的，在這一點上，jQuery手機開始將頁面加載到DOM中。事件pageinit用於檢查jQM是否已成功加載。事件時，可以使用像selectmenu（ '刷新'） JQM功能。

你可以找到更多有關在這裏：http://jquerymobile.com/test/docs/api/events.html

什麼是沒有證據的答案：http://jsfiddle.net/Gajotres/2wmZK/