다른 드롭 액션이있는 여러 개의 드래그 가능

Question

여러 개의 드래그 가능하고 하나는 삭제 가능하지만 다른 삭제 가능한 기능을 사용할 수 있습니까? 제 코드와 제 예제를보십시오. 두 번째 div를 드롭하면 "다른 하나를 떨어 뜨 렸습니다"라는 메시지가 표시됩니다. 더 많은 draggable div를 만들 계획을 가지고 있지만 예제에서는 두 개의 draggables와 하나의 drappable 만 사용했습니다.

JsFiddle

JS

$("#draggable_one").draggable({ 

    revert: true 
}); 


$("#draggable_two").draggable({ 

    revert: true 
}); 

$("#theonlydroppable").droppable({ 
    drop: function(event, ui) { 
    $(this).html("you dropped one"); 

    } 
}); 

  <div id="draggable_one"> 
      draggable one 
     </div> 
     <div id="draggable_two"> 
      draggable two 
     </div> 

     <div id="theonlydroppable"> 
      Drop it like it's hot 
     </div> 

Answer 1

그냥 떨어졌다 드래그하는 확인하고 적절한 조치를 취할 조건을 추가 HTML :

을

$("#theonlydroppable").droppable({ 
    drop: function(event, ui) { 
     if (ui.draggable.is('#draggable_one')) { 
      $(this).html("you dropped one"); 
     } else { 
      $(this).html("you dropped the other one"); 
     } 
    } 
}); 

다음은 데모입니다. http://jsfiddle.net/yMDB3/1/