jquery-ui - jQuery UI 固有の用途。どの .js をダウンロードしますか?

Question

Widgets -> Dialog -> Modal Confirmation をテストしようとしています。

jquery-ui.jsは、特定の用途のためだけに負荷がかかります。JQ UI サイトから、たくさんの小さな .js ファイルを含むフォルダーをダウンロードしました

それらはメインのjsの一部だと思います。jquery.ui.widget.jsとjquery.ui.dialog.jsのみをロードするようにテストしましたが、次のコンソール エラーが発生します。

Uncaught TypeError: Object function ( selector, context ) { // jQuery オブジェクトは、実際には「強化された」初期化コンストラクターです return new jQuery.fn.init( selector, context, rootjQuery ); メソッド「ウィジェット」がありません

次のコードは、 http://jqueryui.com/dialog/#modal-confirmationからの jQ UI サンプルのコピーです。

サンプルは、重い query-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>