jquery ui droppable이 pageload의 모든 이벤트를 발생시킵니다.

Question

두 개의 drappable 요소와 두 개의 draggable 요소가 있습니다. doc에서 모든 삭제 가능한 이벤트가 준비됩니다. 그 후 droppable 요소 위로 요소를 드래그 할 때 아무런 이벤트도 발생하지 않습니다.

나는 실제로 테스트하지는 않았지만 drappable 이벤트는 괜찮은 것처럼 보였으 나 나는 droppable의 기괴한 행동에 집중 해 왔습니다.

코드 :

$(document).ready(function() { 


$("#sectionDZ").droppable({ 
    scope:   "subject", 
     activate: alert("Droppable activate event fired"), 
     create:  alert("Droppable create event fired"), 
     deactivate: alert("Droppable deactivate event fired"), 
     drop:  alert("Droppable drop event fired"), 
     out:  alert("Droppable out event fired"), 
     over:  alert("Droppable over event fired"), 
     accept:  "sectnLI", 
      }); 

$(".sectnLI").draggable({ 
    cursor:   "crosshair", 
    delay:   "300", 
    helper:   'clone', 
    opacity:  "0.65", 
    placeholder:  'ui-state-highlight', 
    revert:   "invalid", 
    scope:   "subject", 
    stop:  function (event, ui) { 
     alert("Drag stop event has fired"); 
//  $(this).draggable("destroy"); 
     } 
    }); // Allow more than one item to be dragged 


$("#judgeDZ").droppable({ 
     activate: alert("Droppable 2 activate event fired"), 
     create:  alert("Droppable 2 create event fired"), 
     deactivate: alert("Droppable 2 deactivate event fired"), 
     drop:  alert("Droppable drop event fired"), 
     out:  alert("Droppable 2 out event fired"), 
     over:  alert("Droppable 2 over event fired"), 
     scope:  "judge", 
     accept:  "judgLI", 
      }); 

$(".judgLI").draggable({ 
    cursor:   "crosshair", 
    delay:   "300", 
    helper:   'clone', 
    opacity:  "0.65", 
    placeholder:  'ui-state-highlight', 
    revert:   "invalid", 
    scope:   "subject", 
    stop:  function (event, ui) { 
     alert("Drag stop event has fired"); 
//  $(this).draggable("destroy"); 
     } 
    }); // Allow more than one item to be dragged 


}); 

이 UI 탭과 대화 코드가 포함 된 또 다른의 .js 파일이, 그것의 자신의 파일에 있습니다. 감사합니다.

Answer 1

파일을 삭제하고 코드를 다른 이름의 다른 파일로 다시 작성하여 문제를 해결했습니다. 파일의 어딘가에 비 인쇄 숯이 있어야합니다.