Jquery UI draggable/droppable, drappable에서 아이템 클래스 드래그 확인

Question

3 개의 분리 된 클래스 이름이 있습니다. 큰 div에 포함됩니다. drappble에 드롭하는 draggble 항목에 따라 다른 것을 실행하려면 drop 함수가 필요합니다.

여기 내 코드입니다.

$(".gridster").droppable({ 
     accept: ".dragExist,.dragDefault, .dragLaunch", 
     hoverClass: "drop-state", 
     drop: function(event,ui){ 
      var currentId = $(ui.draggable).attr("class"); 
      if(currentId == "dragExist"){ 
       gridster.add_widget.apply(gridster, ['<li>new Widget', 1, 1]); 
       console.log(event); 
       event.preventDefault(); 
      } 
     } 
    }); 

문은 내가 다른 두 클래스에 추가 할 일을,하지만이 올바른을 받고있는 것으로 보이지 않으면 내가 먼저 얻을 수 있다면. 고맙습니다!!

Answer 1

간단한 해결책은 각 드래그 가능한 요소의 mousedown 이벤트에 'selected-item'이라고 가정하는 클래스를 추가하는 것입니다. 그런 다음 드롭 이벤트에서 'selected-item'클래스를 사용하여 드래그 된 요소를 쉽게 식별 할 수 있으며 마지막에는 클래스를 제거합니다.