javascript - 为什么我的函数在 jQuery 中被调用两次？

Question

我有以下 jQuery

$('img[title*=\"Show\"]').click(function() {
        //$e.preventDefault();      
        var position = $('img[title*=\"Show\"]').parent().position();
        $('#popover').css('top', position.top + $('img[title*=\"Show\"]').parent().height() + 150);
        console.log(position);
        $('#popover').fadeToggle('fast');
        if ($('img[title*=\"Show\"]').hasClass('active')) {
          $(this).removeClass('active');
        } else {
          $('img[title*=\"Show\"]').addClass('active');
        }
      });

我有两张标题为“显示选项”的图片。出于某种原因，每当我单击这些图像中的任何一个时，它都会打印两次。当我只有 1 张图像时，它只打印一次。这是为什么？

Answer 1

而不是 $('img[title*=\"Show\"]') 在点击函数中使用 $(this)
如果不起作用，请使用:

$('img[title*=\"Show\"]').click(function(e) {
        e.stopImmediatePropagation();
        //other code
    });