Javascript 附加上的JqueryUI开启器

我有一个jqueryui对话框：

    <script>
$(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });

    $( "#opener_0" ).click(function() {
      $( "#dialog" ).dialog( "open" );
    });
  });
  </script>

$（函数（）{
$（“#对话框”）。对话框({
自动打开：错误，
展示：{
效果：“盲”，
持续时间：1000
},
隐藏：{
效果：“爆炸”，
持续时间：1000
}
});
$（“#opener_0”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
});
});

这就是我绘制按钮的方式（这将是一个更多的对话框）：

---

for（r=0；rjavascript的顺序非常重要。如果for循环在click事件绑定之后，那么就没有要绑定的
opener\u 0
id，所以什么也没有发生。您需要在click事件绑定之前有一个附加按钮的for循环。
试试这个

$(document).on('click', "#opener_0", (function() {
     $( "#dialog" ).dialog( "open" );
});

使现代化
你的循环看起来很奇怪，所以试试这个

var array = [1,2,3,4];
for (var r = 0; r < array.length; r++) {
    $('#list').append('<button id="opener_' + r + '">Open</button>')
}

var数组=[1,2,3,4]；
for（var r=0；r

我以前有一个附加按钮的循环，但现在仍然没有做任何事情。你能为此创建一个fiddle吗？当然！我不知道如何在fiddle上运行jqueryUI，但这里是：你创建的jsfidle什么都不做，如果它对你不起作用，那么它对我们也不起作用。看看我在更新应答中创建的一个。你能包括代码吗排除
数组中的
i
指针/索引来自何处？
var array = [1,2,3,4];
for (var r = 0; r < array.length; r++) {
    $('#list').append('<button id="opener_' + r + '">Open</button>')
}