多个jquery droppable问题

时间:2013-11-04 10:35:10

标签: jquery

我有多个droppable div的问题。

  1. 如果有两个相邻(或重叠)的可投放div,则两个可投放的div都可以接受一个大的可拖动div。怎么预防这个?我想确保一个可拖放的div接受一个可拖动的div。

    look here for example: http://jsfiddle.net/GRWJn/1/
  2. 如果我将一个可投放div的孩子拖到另一个可投放的div上,我怎么知道谁是他以前的父母?

    look here for example: http://jsfiddle.net/NE38y/
  3. 任何建议? THX。

1 个答案:

答案 0 :(得分:0)

在这种情况下,我不确定您是否可以阻止#1,但如果您使用drop1 {drop2 greedy:true的父级,则可以这样做{3}}阻止传播。

关于#2

如果您将event参数传递给drop函数,则可以使用event.toElement.parentElement获取父元素。

e.g:

$(".dropzone").droppable({
    hoverClass: "drophover",
    greedy: true,
    drop: function(event) {
        //log parent to console.
        console.log(event.toElement.parentElement);
        $(this).html("dropped!");    
}