Я пытаюсь показать больше диалогов в зависимости от размера моего newsArray. Почему это не работает?, я просто получаю 1 всплывающее окно. Я проверил массив и его 7 элементов в нем
for(var i=0; i<newsArray.length; i++{
$("#dialog").dialog({
resizable: true,
width:"auto",
modal: true,
title:"test"
});
}
Используйте класс вместо использования идентификатора для инициализации диалога. Кроме того, вы не можете иметь несколько элементов одного и того же идентификатора (если есть)
Демо: 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"
});
}
});