내 HTML 창에서 jsfiddle

Question

http://jsfiddle.net/zu5uv650/4/

에 아이리스의 ColorPicker를 얻을 수 없습니다 나는이있다 : 내 JS 창에서

<input type="text" id='color-picker' value="#bada55" /> 

을 나는이 있습니다

jQuery(document).ready(function($){ 
    $('#color-picker').iris(); 
}); 

을 내가 jQuery를 사용하고 있습니다 2.1.0을 내 프레임 워크로 사용하고 다음 외부 리소스를 사용하고 있습니다.

http://automattic.github.io/Iris/javascripts/iris.min.js http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js https://cdn.rawgit.com/Automattic/Iris/master/src/iris.css

... 그리고 나는 Uncaught TypeError: undefined is not a function 오류를 받고 있어요. 어떤 아이디어?

jquery UI에도 CSS 구성 요소가 있습니다. jsfiddle.net에는 자동으로 JQuery UI를 포함 할 수있는 기능이 없습니까?

Answer 1

로드 순서가 잘못되었습니다. jQuery UI가 iris.min.js 파일보다 먼저 나와야합니다. Fiddle.

jquery-ui.min.js 
iris.min.js 
iris.css