事件委托.on（'click'）和css否定：not（）

Question

我正在尝试为动态添加/删除的类创建事件委托。我正在为单击的特定元素创建一个事件，并且没有添加该类。

这是我的代码行，但它不起作用。我的语法错了吗？如果是这样，修复此代码的正确方法是什么？

$('.gallery-cell a img').off('click').on('click', ':not(.g-clicked)', function() { 
    // more code here 
});

Answer 1

$selector.on()中的第二个参数是$ selector选择器的后代的过滤器。由于img无法生育孩子，因此您很可能希望做这样的事情（取决于您动态添加课程的项目）：

$('.gallery-cell a').on('click', 'img:not(.g-clicked)', function() { 
    // more code here 
});

或

$('.gallery-cell').on('click', 'a:not(.g-clicked) img', function() { 
    // more code here 
});