許多jQuery UI對話框

Question

我試圖顯示更多對話框，具體取決於我的newsArray的大小。 為什么它不起作用？，我只有1個彈出窗口。 我檢查了數組及其中的7個項目

                for(var i=0; i<newsArray.length; i++{

                            $("#dialog").dialog({

                                      resizable: true,
                                      width:"auto",
                                      modal: true,
                                      title:"test"    
                             });    
                 }

Answer 1

使用類而不是使用Id進行對話框初始化。 此外，您不能有多個具有相同ID的元素（如果有）

演示： http ： //jsfiddle.net/lotusgodkk/GCu2D/58/

碼：

<div class="checked" >Click to open dialog</div>
<div class="checked" >Click to open dialog</div>
<div class="checked" >Click to open dialog</div>
<div class="checked" >Click to open dialog</div>
<div class="checked" >Click to open dialog</div>
<div class="checked" >Click to open dialog</div>
<div class="checked" >Click to open dialog</div>
<div class="checked" >Click to open dialog</div>

使用Javascript：

$(document).ready(function () {
for (var i = 0; i < 7; i++) {
    $(".checked").dialog({
        resizable: true,
        width: "auto",
        modal: true,
        title: "test"
    });
  }
});