彈出以在下拉列表更改事件上打開

Question

我試圖創建一個彈出窗口，該窗口在從使用JQM的下拉列表中選擇一個選項時觸發。

彈出datarole：

<!--popup window inside index page --> 
    <div data-role="popup" id="puProd"> TODO POP UP STUFF </div> 

這是JS代碼：

$(document).ready("#index", function (event) { 
$("#ddlSelectProduct").on("change", function() { 
    $("#puProd").popup("open"); 
}); 

難道我做錯了什麼？因爲彈出不會打開。

會明白 謝謝

Answer 1

使用jQuery Mobile的pagecreate event，而不是文件現成的答案：

$(document).on("pagecreate","#index", function(){ 
    $("#ddlSelectProduct").on("change", function() { 
      $("#puProd").popup("open"); 
    }); 
}); 

DEMO