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) {// Объект jQuery на самом деле просто "улучшенный" конструктор init return new jQuery.fn.init(селектор, контекст, rootjQuery); } не имеет метода 'widget'

Следующие коды являются копией примера jQ UI с http://jqueryui.com/dialog/

Образец отображается и работает, как и ожидалось, загружая только тяжелый файл 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>

Answer 1

Если вы просто хотите использовать и скачать файлы, необходимые для dialog виджет посетить jQuery UI Download Builder

Снимите флажок "Переключить все" и отметьте только виджеты -> Диалог. Каждый необходимый файл проверяется автоматически. Соответствующая ссылка является этой. Обратите внимание, что вы можете изменить CSS Конфигурация внизу страницы над кнопкой загрузки.

Загруженный .zip должно содержать 3 папки

JS

развитие-расслоение

CSS

Важным является js папка с версией jQuery (без интерфейса без jQuery) и пользовательским интерфейсом jQuery .js файлы. Один в читабельной форме, один уменьшенный. Если вы откроете 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

Надеюсь, я правильно понял ваш вопрос, и это то, что вы хотите.