Jquery ui JQuery对话框仅为表中的第一条记录打开

我已经看到很多关于这个话题的问题，但是没有一个答案/建议适合我。我是JQuery的新手，因此非常感谢您的帮助

我有一张有链接的桌子。由于某些原因，我只能打开第一条记录的对话框（我可以多次这样做）。它不适用于任何其他记录

这是我的密码：

    $(document).ready(function() { 

         var dlg=$('#ticketDetails').dialog({
            title: 'Ticket Details',
            resizable: true,
            autoOpen:false,
            modal: true,
            hide: 'fade',
            width:850,
            height:700
         });


        $('#view').click(function(e) {

             //testing with static record
             dlg.load('displayRecord.php?id=215', function(){
                 dlg.dialog('open');
             });

          });

    });

表中的所有行都具有以下表链接：

echo '<td><a href="#" id="view">View</a> </td>';

echo'；

要显示对话框的div：

<div id="ticketDetails"> </div>   

---

我还尝试了粘贴

alert（'1'）编码到
$（“#视图”）中。单击不会为其他记录触发的
函数。
在您的表中，每一行都有相同的id“视图”。对于页面上的单个元素，id应该是唯一的，因此您应该将其更改为类：


并相应地更改脚本：

$（'.view'）。单击（函数（e）{…}）

在事件处理程序中，您可以使用事件变量
e
获取单击的元素，使用其目标属性：

$('.view').click(function(e) {
  alert( $(e.target).text() );
});

在您的表中，每一行都有相同的id“视图”。对于页面上的单个元素，id应该是唯一的，因此您应该将其更改为类：


并相应地更改脚本：

$（'.view'）。单击（函数（e）{…}）

在事件处理程序中，您可以使用事件变量
e
获取单击的元素，使用其目标属性：

$('.view').click(function(e) {
  alert( $(e.target).text() );
});

我正在使用分页，它在第一页之外似乎不起作用。知道为什么吗？谢谢。设置单击处理程序时，它仅对当前存在的
.view
元素生效。如果加载新元素，则需要再次调用
click
方法。您可以发布一个链接到您正在处理的页面或制作一个JSFIDLE吗？您好，我正在使用tablesorter分页。如果我查看源，则会加载整个表。当我转到第二个页面并单击查看链接时，它几乎像是在重新加载页面而不是加载对话框。我甚至试着在点击事件中添加一个
警报
，但在第2页之后似乎没有触发。我发现了问题。tablesorter脚本干扰了加载函数。通过在加载后移动脚本修复了此问题。谢谢你的帮助。我正在使用分页，它在第一页之后似乎不起作用。知道为什么吗？谢谢。设置单击处理程序时，它仅对当前存在的
.view
元素生效。如果加载新元素，则需要再次调用
click
方法。您可以发布一个链接到您正在处理的页面或制作一个JSFIDLE吗？您好，我正在使用tablesorter分页。如果我查看源，则会加载整个表。当我转到第二个页面并单击查看链接时，它几乎像是在重新加载页面而不是加载对话框。我甚至试着在点击事件中添加一个
警报
，但在第2页之后似乎没有触发。我发现了问题。tablesorter脚本干扰了加载函数。通过在加载后移动脚本修复了此问题。谢谢你的帮助。