Jquery Droabble Box Limit

Question

Jquery를 사용하여 끌어서 놓기 단계를 만들려고하고 있는데, 내가 droppable 상자 안에 단 하나의 항목 만 원하는 문제가 있습니다. 하지만 지금은 그 안에 여러 항목을 추가하고 있습니다. 여기 내 코드가있다.

$("#item_list_2").droppable({ 
     drop: 
       function(e, ui) 
       { 
        var param = $(ui.draggable).attr('src'); 
        var div_id = '#'+ $(this).attr("id"); 

        addlist(param,div_id); 
       } 
}); 

여기서 addlist()는 ajax를 사용하여 항목 콘텐츠를 만드는 함수입니다. 거기에 하나의 droppable 객체 만 얻도록 # item_list_2를 제한 할 수있는 방법이 있습니다.

감사

Answer 1

당신은 요소가 이미 떨어있을 때 사용하지 않도록 설정하는 낙하 할에 동의 옵션을 구현할 수 있습니다 (당신은 당신의 사건에 따라 해당 조건을 구현해야) :

$("#item_list_2").droppable({ 
     accept: function() { 
      return elementsAlreadyDropped == 0; //<-- Implement for your concrete case 
     }, 
     drop: 
       function(e, ui) 
       { 
        var param = $(ui.draggable).attr('src'); 
        var div_id = '#'+ $(this).attr("id"); 

        addlist(param,div_id); 
       } 
});