Многие JQuery UI диалоги

0

Я пытаюсь показать больше диалогов в зависимости от размера моего newsArray. Почему это не работает?, я просто получаю 1 всплывающее окно. Я проверил массив и его 7 элементов в нем

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

                            $("#dialog").dialog({

                                      resizable: true,
                                      width:"auto",
                                      modal: true,
                                      title:"test"    
                             });    
                 }
  • 0
    Вы пропустили закрывающую скобку в цикле for
Теги:
dialog
jquery-ui-dialog

1 ответ

1

Используйте класс вместо использования идентификатора для инициализации диалога. Кроме того, вы не можете иметь несколько элементов одного и того же идентификатора (если есть)

Демо: 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"
    });
  }
});
  • 0
    Я думаю, вы меня не так поняли, у меня всего 1 дел. Как я могу автоматически создавать больше div в зависимости от размера массива?
  • 0
    Я думаю, вы не можете отобразить несколько диалогов для одного и того же содержимого div. Может быть, вы можете попробовать поискать больше на SO.
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню