许多jquery ui对话框

时间:2014-04-30 09:22:37

标签: javascript jquery jquery-ui dialog jquery-ui-dialog

我试图根据newsArray的大小显示更多对话框。为什么它不工作?,我只得到1个弹出窗口。我检查了数组及其中的7个项目

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

                            $("#dialog").dialog({

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

1 个答案:

答案 0 :(得分: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"
    });
  }
});