jQuery UI 드래그 앤 드롭으로 div를 쌓는 것을 방지하는 방법은 무엇입니까?

Question

내가 선택한 위치에 이미 떨어 뜨린 요소가있을 때 떨어지는 것을 방지하는 방법에 붙어 있습니다.

나는 3 개의 서로 다른 크기의 div 요소를 가지고 있으며, 나는 그것들을 droppable grid로 드래그하고있다. 내가 (jsFiddle 아래 참조) 내 코드를 수행 한 방법, 거기에 이미 항목이 있는지 확인하는 방법을 생각할 수 없습니다.

누구나 방법을 생각할 수 있습니까? JSFiddle :http://jsfiddle.net/sExrV/1/

나는 "드롭"이벤트 어딘가에있을 거라고 생각 코드,하지만 난 그것을 테스트하는 방법을 생각할 수 없습니다

$("#grid").droppable({ 
    accept: (".widget1, .widget2, .widget3"), 
    drop: function(event, ui) { 
    // test for existing element dropped here?? 

Answer 1

당신이 낙하 할 비활성화 시도 되세요 언제든지 무언가가 떨어지는 기능이 있습니까?

의

$("#grid").droppable({ 
    drop: function() { $("#grid").droppable("option", "disabled", true); } 
});