我试图根据newsArray的大小显示更多对话框。为什么它不工作?,我只得到1个弹出窗口。我检查了数组及其中的7个项目
for(var i=0; i<newsArray.length; i++{
$("#dialog").dialog({
resizable: true,
width:"auto",
modal: true,
title:"test"
});
}
答案 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"
});
}
});