jQuery stopPropagation 不起作用

Question

我正在使用以下color picker它工作正常，但是当我单击颜色选择器图标时，我不希望它冒泡到主体。所以我尝试了以下方法，现在颜色选择器无法工作。

检查http://jsfiddle.net/CWGgM/ 。

如果您从 jsfiddle 中删除以下代码，那么它就可以工作。这是什么原因造成的

$('#test').click(function(e){
    e.stopPropagation();
});

Answer 1

它似乎使用自己的 live() style code ，其中允许事件冒泡并在文档上处理。

因此，事件必须传播到文档，否则它们将不起作用。

您可以通过以下解决方法避免在 body 上触发事件...

$('body').click(function(event) {
    if ($(event.target).parent()[0] == $('.mColorPickerTrigger')[0]) {
       return true;   
    }
});

jsFiddle .

或者这可能与多个颜色选择器配合使用效果更好...

$('body').click(function(event) {
    if ($(event.target).parent().hasClass('mColorPickerTrigger')) {
       return true;   
    }
});

jsFiddle .