삽입 된 jquery 스크립트로 드래그 가능한 div 만들기

Question

확장을 사용하여로드 된 페이지의 모든 요소 위에 드래그 가능한 div를 만들려고합니다. 나는 jquery 스크립트와 코드를 삽입했다. 이 이것이 내가 사업부는 페이지 하단에 만들어 볼 수있는 CSS 파일

#dg2 { 
    width:180px; 
    height:100px; 
    margin:8px; 
    top:150px; 
    z-index:1000; 
    background:#a7daa8; 
} 

에 (http://coursesweb.net/jquery/jquery-ui-draggable-drag에서 복사) 내 JS 파일

$("body").append('<div id="dg2">hello world</div>'); 
$('#dg2').draggable({ 
    cursor: 'pointer',  // sets the cursor apperance 
    opacity: 0.35,   // opacity fo the element while it's dragged 
    stack: $('#dg2'),  // brings the '#dg1' item to front 
}); 

입니다. 그리고 그것은 끌고 움직일 수 없습니다. 중간에 만드는 방법과 움직일 수있게 만드는 방법? 도와주세요.

Answer 1

괜찮아요 .. 당신은 UR HTML에jquery UI 스크립트 태그를 포함하지 않은 수도 있습니다.

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 

이 일 연결

JSFIDDLE