jQuery的移動不會讓我使用自定義的類名

Question

TL; DR：這撥弄顯示問題：http://jsfiddle.net/kRG95/1/

我的使用情況下不允許在這些選擇元素的ID（他們來自一個模板這是呈現多次）。如果我使用classNames，jQuery Mobile會錯誤地呈現選擇（雙重包裝）。

有沒有已知的解決方法呢？樂谷沒有給我任何東西。

爲了完整起見，下面的代碼不工作：

$(".one, .two").selectmenu(); 

$(".two").selectmenu("disable"); 

$(".one").on("change", function(){ 
    $(".two").selectmenu("enable"); 
}); 

$("body").trigger("create"); 

但是，如果我改變這些類名到IDS，就像這樣：

$("#one, #two").selectmenu(); 

$("#two").selectmenu("disable"); 

$("#one").on("change", function(){ 
    $("#two").selectmenu("enable"); 
}); 

$("body").trigger("create"); 

一切正常。

特定的錯誤（因爲我是問）：

Uncaught Error: cannot call methods on selectmenu prior to initialization; attempted to call method 'disable'

Answer 1

因爲jQuery Mobile的傳播類，當輸入部件化，你應該選擇標記添加到您選擇的另一個因素

$("select.one, select.two").selectmenu(); 

$("select.two").first().selectmenu("disable"); 

$("select.one").on("change", function(){ 
    $("select.two").selectmenu("enable"); 
}); 

$("body").trigger("create"); 

Working fiddle