php - jquery msg プラグインは、php を使用してループされた別の jquery プラグインをオーバーレイします

Question

テーブルに表示するデータがあり、ループステートメントを使用してテーブルにエコーしました。URLをクリックすると、msgboxプラグインが表示され、そのデータを削除するかどうか尋ねられます。しかし、問題は、別のメッセージボックスが別のメッセージボックスをオーバーレイし、2行のURLをクリックしようとすると、メッセージボックスが表示されず、最初の行のショーでのみ表示され、すべてループステートメントが原因です。ここに私のコードがあります:

<table id="datatables_event" class="display">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Article Title</th>
                        <th>Date</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <?php
                    while($row=mysql_fetch_array($res))
                    {
                ?>
                <tbody>
                <tr>
                    <td></td>
                    <td><?php echo $row[0]; ?></td>
                    <td><?php echo $row[8]?></td>
                    <td>
                    <table>
                    <tr>
                    <td><a href="#" id="delete"><img src="images/Delete_Icon.png"alt="Delete" style="width:25px; height:25px" id="imgdel"/></a></td><td></td>
                    <td><a href="event.php?ueventid=<?php echo $row[5]; ?>"><img src="images/Update.png"alt="Update" style="width:25px; height:25px"/></a></td>
                    </tr> 
</table>
                    </td>
                    </tr>
                    <?php
                    }//end of while
                    exit;
                    ?>
                </tbody>
            </table>

これは私のjsです：

$( function(){
                            $( '#imgdel' ).bind( 'click', function(){
                                  $.msg({
                                    method: 'insertAfter',
                                    target: '#delete',
                                      autoUnblock : false,
                                      clickUnblock : true,
                                      content: '<p>Delete this user?</p>' +
                                       '<p class="btn-wrap">' +
                                         '<span id="yes">Yes</span>' +
                                         '<span id="no">no</span>' +
                                       '</p>',
                        });
                        });
                        })