2012-02-14 86 views
1

我想在离开droppable元素时触发一个事件,所以我打算使用out函数。但我有两个可放弃的元素。当我为一个元素编写代码时,它的作用不大,但不是两个。Jquery UI Droppable功能

HTML:

<div id="source"> 
    <item1> 
    ... 
    <itemx> 
</div> 
<div id="drop1"></div> 
<div id="drop2"></div> 

的Jquery:

$("div#drop1, div#drop2").droppable ({ 
    drop : function (event, ui) { 
    $(this).append (ui.draggable); 
    alert("Hello!"); 
    }, 

    out : function (event, ui) { 
    alert("Goodbye");  
    }, 
}); 

不过Out功能不会触发?我可以写两遍,但如果我有20个可丢弃的元素,这不是解决方案。 任何想法? 谢谢!

回答

1

你必须在第9行的错误...但它的工作对我来说没有这个...检查这个小提琴:

http://jsfiddle.net/yCeL3/

+0

谢谢!我发现了这个问题。这是在接受函数... – Maxxx 2012-02-14 15:49:40

+0

我意识到,有时你需要拖动“足够深”到元素来触发输出功能.. – ggzone 2012-02-14 15:51:47