jQuery UI draggabe가 정의되지 않았습니다.

Question

jquery UI 기능을 사용하여 유성 앱을 만들려고합니다. 그러나 나는 그것을 작동시킬 수 없다. 유성 응용 프로그램 프레임은 잘 작동하지만, 내가 jQuery를 UI를 사용하기 시작하면, 내가 좋아하는 오류를 얻을 : 파이어 버그 콘솔에서

$("#draggable1").draggable is not a function 

합니다.

나는 JQuery와 및 JQuery와 UI 패키지 여러 가지 방법을 포함하여 시도

: 폴더 \ 클라이언트에서,

참조 JQuery와 및 JQuery와 UI 로컬 JQuery와 패키지를 추가

1. \ JS \ libs가 내 유성 응용 프로그램 폴더에
2. 은 내 html 파일에서 참조하지 않고 client \ js \ libs에 파일이 있습니다.
은 방화범에 따라 각각의 경우에 내 html 파일

에 jQuery를 및 jQuery를 UI의 CDN 버전을 참조, 자바 스크립트 파일은 잘로드 같았다. 그러나 다음과 같은 코드는 (내 3views.js 파일에 - 3views 내 유성 응용 프로그램의 이름입니다) 전혀 작동하지 않았다 :

if (Meteor.is_client) { 

    $("#draggable1").draggable({ revert: "invalid", snap: ".ui-widget-header", snapMode: "inner", snapTolerance: 100 }); 

... 

그리고 내 3views.html에 :

... 
<div id="draggable1" class="ui-widgetc-content draggable_box"> 
<img id="imgpair1" src="objects/obj_pair1a.png" class="objectpair"> 
</div> 
... 

jQuery UI 위젯을 사용하는 적절한 방법은 무엇입니까?

Answer 1

아마도 귀하의 라이브러리 버전에 드래그 가능한 위젯이 없을 것입니다. download builder으로 이동하여 포함하십시오.

또한 jquery가 먼저 포함되어 있는지 확인한 다음 jqueryui에 대한 스크립트를 확인하십시오.

처럼 ..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> 
<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>