为什么.click()处理程序没有触发我的按钮?

时间:2013-12-27 17:04:15

标签: javascript jquery

我没有任何问题让我的.click处理程序在我的页面上的其他位置触发。出于某种原因,我似乎无法弄清楚为什么我的处理程序没有触发jQuery按钮.click事件。我已经在这里发布了很多其他问题,但我还没有运气。

代码的第一部分获取button元素并在其上调用.click函数。我还更改了按钮的文字,以证明我选择了正确的元素。

var removeButton = $("friend_remove_button");
removeButton.text("remove");
removeButton.click( function(eventObject)
{ 
    removeFriendFromList(eventObject); 
});

代码的第二部分是removeFriendFromList函数。这在我的项目中发生了更多的事情,但我甚至无法显示警报,如此处所示。一旦我能做到这一点,我应该没有问题。

function removeFriendFromList(eventObject)
{
        alert("Button Clicked!");
        selectedId = $(eventObject.currentTarget).attr('id');
}

您可以在此处找到我的代码的jsFiddle:http://jsfiddle.net/YLNkE/1/

知道我做错了什么吗?提前谢谢!

2 个答案:

答案 0 :(得分:3)

var removeButton = $(".friend_remove_button");

您在选择器中缺少.

答案 1 :(得分:0)

你应该看一下jQuery / CSS中的类选择器

var removeButton = $(".friend_remove_button");

注意:

.适用于类选择器,#适用于ID选择器,而标准HTML控件则直接使用inputbuttonselect等名称。等等不是自定义按钮。

Fiddle Demo