弹出以在下拉列表更改事件中打开

Question

我正在尝试创建一个弹出窗口，使用JQM从下拉列表中选择一个选项后会触发该窗口。

弹出数据角色：

 <!--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事件代替准备好的文档：

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

演示