Jquery проблем с диалог

[krastio]

Здравейте, имам следният проблем : генерирам таблица от база данни, като всеки ред съдържа и допълнителна информация, която при натискане на бутон се визуализира в диалог. Проблемът е че се визуализира само първият път като се кликне при повторно натискане на бутона нищо не се случва няма и грешки в конзолата. Ето и кода:

Код: Javascript

1. <script type="text/javascript">
2.            $(document).ready(function() {
3.                        
4.  
5.     $(".buttonClass").click (function () {
6.  
7.     // get the div element with the id dialogClass contained at the same scope as button!    
8.  
9.     var id = ($(this).siblings(".dialog").attr("id"));
10.         $("#" + id).each(function(){$(this).dialog({ autoOpen: false,buttons: {
11.        
12.         Cancel: function() {
13.            
14.                         $("#" +id).remove();
15.         }
16.     } });});
17.     $("#" + id).dialog("open").css({
18.         "font-size": "13px"
19.     });    
20. });  
21.                 });
22. </script>
23.  
24.  

Код: HTML

1.  
2. <tr><td><?= $row['TER']?></td>
3.                                                         <td><?=$row['NOMER']?>
4.                                                        
5.                                                                 <div class="dialog" id="dialog_<?=$row['NOMER'];?>" style="display:none;">
6.                                                         <table class="bilet">
7.                                                 <tr>
8.                                                           <h2><td colspan="4"><div align="center"><strong>ПРЕВОЗЕН БИЛЕТ</strong></div></td></h2>
9.                                                         </tr>
10.                                                         <p><tr >
11.                                                           <td colspan="2" align="right"><strong>НОМЕР</strong>:<?= "{$row2['TER']}/{$row2['NOMER']}"?></td>
12.                                                         </tr>
13.                                                         <tr >
14.                                                           <td colspan="3" align="center"><strong>ДАТА</strong>  <?=$row2['IZDADEN']?></td>
15.                                                         </tr>
16.                                                         <tr>
17.                                                        
18.                                                           <td colspan="4"><div align="center"><strong>ОРИГИНАЛ</strong> </div></td>
19.                                                         </tr></div>
20.  
21.  
22.  

[MrCroZer]

Какво искаш да направиш ?

Трябва да инициализираш диалога преди евента и в твоя случай по добре ще е да го изкараш от евента и да не го вкарваш в each нито в click, просто напиши $('.dialog').dialog({}); Сложи си класът не ID то, след това при click евента просто като вземеш id то го покажи диалога.