Jquery ui Can';t停止丢弃事件的传播

Jquery ui Can';t停止丢弃事件的传播,jquery-ui,Jquery Ui,我想把一个小图案放进一个div或主体中,并有该div或主体的背景,无论哪个接收到该图案,在x和y中重复该图案。看见如果我从Gallery div拖动模式并将其放入主体中,则主体将获得背景模式。伟大的这很有效。但是如果我把模式放到canvas div中,主体和画布都会得到模式。当画布是放置目标时,我如何让画布获得图案。我尝试了我所知道的所有方法,在丢弃处理程序的末尾,停止传播 e.stopPropagation(); e.stopImmediatePropagation(); return

我想把一个小图案放进一个div或主体中,并有该div或主体的背景,无论哪个接收到该图案,在x和y中重复该图案。看见如果我从Gallery div拖动模式并将其放入主体中,则主体将获得背景模式。伟大的这很有效。但是如果我把模式放到canvas div中,主体和画布都会得到模式。当画布是放置目标时,我如何让画布获得图案。我尝试了我所知道的所有方法,在丢弃处理程序的末尾,停止传播

 e.stopPropagation();
 e.stopImmediatePropagation();
 return false;
但一切都不起作用


谢谢你的帮助。

你几乎做对了。我已经修改了您的设置以显示更改

您需要在
thumb\u drops
对象中添加
greedy
属性。将您的函数修改为以下内容:

var thumb_dropOps = {       
    drop : thumb_drop,
    accept : '#pattern',
    greedy: true
};
以下是一个参考链接:

根据jQuery UI文档:

默认情况下,当一个元素放置在嵌套的可放置项上时,每个可放置项都将接收该元素。但是,通过将此选项设置为true,任何父可拖放项都不会接收该元素。drop事件仍将正常冒泡,但可以检查event.target以查看哪个Dropable接收了Dragable元素


你几乎是对的。我已经修改了您的设置以显示更改

您需要在
thumb\u drops
对象中添加
greedy
属性。将您的函数修改为以下内容:

var thumb_dropOps = {       
    drop : thumb_drop,
    accept : '#pattern',
    greedy: true
};
以下是一个参考链接:

根据jQuery UI文档:

默认情况下,当一个元素放置在嵌套的可放置项上时,每个可放置项都将接收该元素。但是,通过将此选项设置为true,任何父可拖放项都不会接收该元素。drop事件仍将正常冒泡,但可以检查event.target以查看哪个Dropable接收了Dragable元素