Jquery UI несколько диалогов, сгенерированных из php

Я столкнулся с проблемой при использовании Jquery UI Dialog. Я создаю таблицу из php (цикл while) с такими заголовками, как имя, адрес электронной почты, комментарии. Комментарии настроены на отображение: нет, и я хочу показывать их только тогда, когда я нажимаю кнопку, например «Просмотр», в соответствующей строке. Проблема в том, что jquery будет генерировать несколько диалогов вместо одного.

Итак, мой код jquery выглядит так (из примера):

$.fx.speeds._default = 1000;
 $(function() {
 $( ".dialog" ).dialog({
 autoOpen: false,
 show: "blind",
 hide: "explode"
 });

 $( ".opener" ).click(function() {
 $(".dialog").dialog( "open" );
 return false;
});
});

! Где .dialog — это класс, который я установил для своих комментариев, а opener — это класс, который я установил для своего представления кнопки.

Что я должен сделать, чтобы получить только один диалог, соответствующий выбранной строке? Если я щелкну просмотр из строки 2, я хочу диалог с комментариями, соответствующими диалогу 2. Не все из них. Заранее спасибо!


dialog jquery-ui jquery-ui-dialog
person audioglide    schedule 10.05.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

С $(".dialog").dialog( "open" ); вы открываете ВСЕ диалоги с классом .dialog. Я не знаю вашего HTML, но вы должны найти диалоговое окно, которое хотите открыть. Поэтому используйте что-то вроде:

$.fx.speeds._default = 1000;
 $(function() {
 $( ".dialog" ).dialog({
 autoOpen: false,
 show: "blind",
 hide: "explode"
 });

 $( ".opener" ).click(function() {
 $(this).parent('.dialog').dialog( "open" );
 return false;
});
});
person Community    schedule 10.05.2012