在JQuery Mobile的選擇菜單中設置默認選擇？

Question

我想在jQuery手機的選擇菜單中設置默認選擇。該文檔有這樣的：

var myselect = $("select#foo"); 
    myselect[0].selectedIndex = 3; 
    myselect.selectmenu("refresh"); 

其中我加入正下方，我創建菜單，但後來當我運行的代碼，我得到這個錯誤：

throw "cannot call methods on " + name + " prior to initialization; " + "attempted to call method '" + options + "'";

不知道該怎麼在這一點上做的...

Answer 1

你試圖操縱DOM與尚未加載JavaScript對象。將javascript移動到您嘗試操作的窗體之上，或者將更多代碼移至在文檔加載時執行的函數中。

例如：

$('#PAGE').live('pagecreate',function(event){ 
    var myselect = $("select#foo"); 
    myselect[0].selectedIndex = 3; 
    myselect.selectmenu("refresh"); 
}); 

其中PAGE是你加載該頁面的id包含你要操作的菜單。

---

編輯：

我更新使用基於有關JQuery Mobile events錦園的評論的jQuery Mobile的pagecreate事件的例子。

Answer 2

它的工作原理。也許你可能想提供更多細節。

http://jsbin.com/ekayu3/2

Answer 3

在jQuery功能：

$.fn.jqmSelectedIndex = function(index){ 
    var self = $(this) 
    self 
     .prop('selectedIndex', index) 
    .selectmenu("refresh"); 

    return self; 
} 

$("select#foo").jqmSelectedIndex(3); 

這不是有效的，但作品。