2012-02-14 104 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