Question

我有数据显示在表中，我使用循环语句在表上回显它。当它点击一个网址时，一个msgbox插件显示并询问你是否要删除该数据。但问题是，另一个msgbox将覆盖另一个，如果我尝试点击2行网址它不显示任何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。

jquery msg插件覆盖另一个使用php循环的jquery插件

1 个答案: