1

我想将一个小图案放入 div 或 body 中，并为该 div 或 body 设置背景，无论哪个接收到图案，在 x 和 y 中重复图案。见jsfiddle。如果我从 Gallery div 中将图案拖放到正文中，则只有正文会获得背景图案。伟大的！这样可行。但是，如果我将图案放到画布 div 中，主体和画布都会得到图案。当它是放置目标时，我怎样才能让画布获得图案。在 drop 处理程序结束时，我尝试了所有我知道的方法来停止传播。. .

 e.stopPropagation();
 e.stopImmediatePropagation();
 return false;

但没有任何工作。

谢谢你的帮助。

4

1 回答 1

1

你几乎是对的。我已经修改了您的小提琴以显示更改。

您需要greedy在对象中添加属性thumb_dropOps。将您的功能修改为以下内容：

var thumb_dropOps = {       
    drop : thumb_drop,
    accept : '#pattern',
    greedy: true
};

这是一个参考链接：jQuery UI - Droppable API Docs

根据 jQuery UI 文档：

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

于 2013-06-11T16:47:22.353 回答