jQuery UI 특정 용도. 어떤 .js를 다운로드해야합니까?

Question

위젯 -> 대화 상자 -> 모달 확인을 테스트하고 싶습니다.

jquery-ui.js은 특정 용도로만로드해야합니다. JQ UI 사이트에서 많은 작은 .js 파일이 들어있는 폴더를 다운로드했습니다.

그들은 메인 js의 일부라고 생각합니다. 난 단지 부하에 jquery.ui.widget.js 및 jquery.ui.dialog.js을 테스트 한하지만 난이 콘솔 오류 얻을 :

Uncaught TypeError: Object function (selector, context) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init(selector, context, rootjQuery); } has no method 'widget'

다음 코드에서 JQ UI 샘플 사본됩니다 http://jqueryui.com/dialog/#modal-confirmation

샘플 디스플레이와 무거운 쿼리 ui.js 파일 만

src="/js/jquery.ui.dialog.js" 
src="/js/jquery.ui.widget.js" 

$(function() { 
     $("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     width:350, 
     modal: true, 
     buttons: { 
      "Accept": function() { 
      $(this).dialog("close"); 
      }, 
      "Refuse": function() { 
      $(this).dialog("close"); 
      } 
     } 
     }); 
    }); 

로드 예상대로 작동

HTML

<div id="dialog-confirm" title="Confirmation"> 
    <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>Select your option</p> 
</div> 

Answer 1

그냥 dialog 위젯은 "모두 전환"확인란 jQuery UI Download Builder

의 선택을 취소를 방문하여 단지 확인을 위해 사용하고 필요한 파일을 다운로드하려면 위젯 ->대화 상자. 필요한 다른 파일은 자동으로 확인됩니다. 해당 링크는 this입니다. 다운로드 버튼 위의 페이지 하단에서 CSS 구성을 변경할 수 있습니다.

는 3 개 폴더

js

development-bundle

css

중요한 하나는 jQuery를 버전 (jQuery를하지 않고 아무 UI) 및 사용자 정의 jQuery를 UI .js 파일을 포함하는 js 폴더를 포함해야 .zip 다운로드. 하나는 읽을 수있는 형태로, 하나는 축소되었습니다. jquery-ui-1.10.3.custom.js 파일을 열면 파일에 포함 된 내용을 볼 수 있습니다. 귀하의 경우에는 다음과 같아야합니다.

jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.position.js, jquery.ui.draggable.js, jquery.ui.resizable.js, jquery.ui.button.js, jquery.ui.dialog.js

나는 귀하의 질문에 대한 권리를 갖고 있으며, 귀하가 원하는 것입니다.