jQuery의 draggable() 함수가 작동하지 않습니다.

Question

여기에 JSFiddle이 있습니다 : http://jsfiddle.net/o5tupLcb/.

내 문제는 왜 div가 끌리지 않는 이유입니까? $ (".drag")를 만들더라도 draggable(); switch 문 외부에있는 자체 선언문은 작동하지 않습니다.

는 여기에 몇 가지 jQuery의 :

$(document).ready(function() { 
    $(".drag").mousedown(function(e) { 
     switch (e.which) { 
     case 1: 
      $(this).toggleClass("mousedown"); 
      $(this).draggable(); /* This probably shouldn't be here */ 
     case 2: 
      break; 
     case 3: 
      break; 
     default: 
      break; 
     } 
    }); 

    $(".drag").mouseup(function(e) { 
     switch (e.which) { 
     case 1: 
      $(this).toggleClass("mousedown"); 
      $(this).draggable(); /* This probably shouldn't be here */ 
     case 2: 
      break; 
     case 3: 
      break; 
     default: 
      break; 
     } 
    }); 
}); 

은 이미 jQuery를 UI를 가져올 시도하고 아무 일도 있습니다.

편집 : 바뀌 었습니다. 잘못된 것을 가져 왔습니다. 또한 draggable() 함수는 switch 문에서 꺼내서 아래에 넣으면 더 잘 작동합니다.

Answer 1

jsfiddle (jQuery 및 jQuery UI 포함)에서 코드를 정리했습니다. 또한 html을 다음으로 변경했습니다 :

<div class="drag">Hello</div> 

이제는 (첫 번째 클릭 후) 작동합니다. 첫 번째 클릭 후 (그리고 다시 출시 한 후) 이벤트가 시작된 이후부터 의미가 있습니다.

http://jsfiddle.net/o5tupLcb/1/