jQuery：触发img无法正常工作的点击

Question

我正在使用Chrome进行测试。

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

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

然而，我无法让它工作：各个图标的事件处理程序完美地工作，并且如果我把它添加到add-them-all按钮的事件处理程序确实给了我警告。但是如果我添加触发器（'click'）命令，我没有牛肉。

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

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

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

我已经在按钮事件监听器之前的代码中放置了图标事件监听器。

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

Answer 1

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

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

它应该至少给你1

btw - 我遇到了hover的一些问题。您可以选择mouseenter / mouseleave