jquery味精插件覆蓋另一個jQuery插件循環使用php

Question

我有數據顯示在表中，我用循環語句在桌子上回顯它。當它點擊一個msgbox插件顯示的url時，詢問您是否要刪除該數據。但問題是，另一個msgbox會覆蓋另一個msgbox，如果我嘗試點擊2行url，它不會顯示任何msgbox，只在第一行顯示，以及所有因爲循環語句我做的。這裏是我的代碼：

<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>', 
         }); 
         }); 
         }) 

Answer 1

你被分配相同的id到多個元素導致錯誤。 id只能使用一次。因此id：標識符。所以你應該給錨點一個類並從中觸發你的JS。此外，通過將數據庫ID添加到元素ID，爲元素提供唯一的ID。