jQuery：触发对img的点击不起作用答案

【问题标题】：jQuery: Triggering a click on an img not workingjQuery：触发对img的点击不起作用
【发布时间】：2010-03-19 09:58:55
【问题描述】：

我正在 Chrome 中进行测试。

我在屏幕上有一堆“添加项目”图标，用户可以单击这些图标来将该项目添加到数据库中。我在该列表的底部还有一个按钮，它应该添加整个项目列表。

在我看来，最简单的方法是触发所有这些图标的“单击”事件（我通过图标执行此操作的原因是项目特定值存储为 div 的属性图标所在的位置）。

但是，我不能让它工作：单个图标的事件处理程序工作得很好，如果我把它放进去，add-them-all 按钮的事件处理程序确实会给我一个警报。但如果我添加触发器（'click'）命令，我没有牛肉。

我尝试通过将“:first”添加到选择器来触发对第一个图标的点击，但这没有帮助。

$(function(){
    $('#addAllItemsButton').click(function() {
    alert("Caught your button click");
    $('.addItemIcon').trigger('hover');
});

我阅读了一些帖子，建议浏览器不允许您触发点击事件，因此我在图标中添加了一个“hover”事件侦听器，以查看问题是否出在我想要触发的事件类型上。答：不，同样的故事；警报会起作用，但触发器不会。

我已将图标事件侦听器放置在代码中按钮事件侦听器之前。

发生了什么事？感谢您的任何提示。

【问题讨论】：

【解决方案1】：

首先，确保选择器是有效的，例如：

$(function() {
    $('#addAllItemsButton').click(function() {
        var icons = $('.addItemIcon');
        alert(icons.length);
     });
});

它应该至少给你1

顺便说一句 - 我遇到了hover 的一些问题。你可能会选择mouseenter/mouseleave

【讨论】：