jQuery:触发对img的单击不起作用

我正在测试Chrome

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

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

但是，我无法让它工作：单个图标的事件处理程序工作得很好，如果我将其放入，则“全部添加”按钮的事件处理程序确实会给我一个警报。但是，如果我添加trigger（'click'）命令，我不会得到任何意见

我尝试通过在选择器中添加“

：first

”来触发第一个图标的单击，但没有任何帮助

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

我读到一些帖子，建议浏览器不允许触发点击事件，因此我在图标中添加了一个“

悬停

”事件侦听器，以查看问题是否存在于我想要触发的事件类型中。回答：不，是同一个故事；警报会起作用，但触发器不会

我将图标事件监听器放在了按钮事件监听器之前的代码中

---

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

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

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

它应该至少为您提供

1

---

顺便说一句-我在使用

悬停时遇到了一些问题。您可能会选择
mouseenter
/
mouseleave
一些html+javascript将是一个不错的主意：）嗨，欢迎光临！如果你在这里粘贴了一些代码，可能是链接点击事件的方式，这会很有帮助吗？我想你可能无意中看到了一个短语（“但是如果我添加了…”）