0

我正在 Chrome 中进行测试。

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

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

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

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

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

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

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

这是怎么回事？感谢您的任何提示。

4

1 回答 1

1

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

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

它至少应该给你1

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

于 2010-03-19T10:06:11.830 回答