jQuery:如何响应特定类的 anchor 标记的点击事件？

Question

我有一个表，其中有一列包含链接。该列中的每个单元格都包含两个链接:

• 查看
• 玩

当我单击“播放”链接时，我想显示一个警报框。我已将所有播放链接分配给同一类“播放”

我的脚本看起来像这样:

$(document).ready(function(){
  $('a.play').click(function(){
      alert('I was clicked');
  });
});

我知道上面的脚本不起作用，因为有多个元素与表达式匹配。然而，我已经尝试了几乎所有方法，包括使用 $(this) 尝试访问单击的元素 - 但它仍然不起作用。我需要做什么才能让 a.play 链接在点击时弹出警报？

顺便说一句，如果我在 FF 控制台中输入 $('a.play')，则会正确选择元素，因此我知道我的选择器是正确的。

[编辑]

更正了上面代码片段中的拼写错误。从到目前为止我收到的评论来看，上面的代码似乎应该可以工作。下面是一些进一步的细节。我试图让事情变得简单，以防止人们因可能的红鲱鱼而分心，但似乎需要更多信息 - 因为我在页面上使用的一些插件之间可能存在冲突(即使没有报告错误/警告)。

所以这里是:

我正在使用DataTables plugin创建可排序的分页表。在表格的一列中，单元格包含“查看”和“播放”链接。当选择“播放”链接时，我想显示一个模式表单，我可以用它来收集用户的信息。我正在使用 jQuery UI 插件，并且几乎使用代码的逐字副本 here ，(只是为了测试这个概念)。

所以，我想做的是:

1. 点击链接:$('a.play') 正确选择元素
2. 选择任一“播放”链接时显示模式表单

Answer 1

您缺少 document 之后的结束 )。

   // ----v-------------------was missing
$(document).ready(function(){
  $('a.play').click(function( event ){
      event.preventDefault(); // <---------you may want this to stop the link
      alert('I was clicked'); //                            from being followed
      return false; // <---------or this if you want to prevent bubbling as well
  });
});

示例: http://jsfiddle.net/Cz44v/