許多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" 
    }); 
    } 
});