JQuery-UI установить

Основные вещи, которые вам нужны, заключаются в следующем:

1. Файл javascript для версии jquery, который требует ваша версия jquery-ui.

Для jquery-ui-1.10.3 это можно найти в корневом каталоге скачать. JQuery-1.9.1.js.

2. Файл javascript для библиотек jquery, которые вы собираетесь включить.

Также должна быть папка "ui" с кучей javascript файлов в там. Большинство из них, если они открыты, имеют список ограничений, к которым нужны другие файлы js для их запуска. Это на случай, если вы решите, что вам не нужны все функции jquery ui. Однако они делают есть один файл javascript, который содержит функциональность всех других файлы. Для меня этот файл называется jquery-ui.custom.js.

Если вы хотите, чтобы он работал быстрее в браузере и не нужно его читать этот каталог также должен содержать папку "min" или "minified". "миниатюрная" папка содержит все те же файлы js, но в мини форма. Минимальная форма сокращается до наименьшего возможного сегмента что браузер может расшифровать и он сохраняет время загрузки браузера.

3. Вам нужна ссылка для использования css для библиотек jqueryui, которые вы решили использовать.

JQuery позволяет загружать jquery ui с некоторыми предварительно созданными темами. Если вы делаете это, ваш css идеально расположен в папке css/[имя_элемента].

При загрузке jquery-ui1.10.3 это для меня было CSS/Гладкость/JQuery-ui.1.10.3.custom.css

Как и в случае с javascript, есть также сокращенная версия, которую вы можешь выбрать. В каталоге css также есть каталог изображений. когда вы устанавливаете, убедитесь, что ссылка на изображение в css указана на это папка с изображением. Если вы поместите их в один и тот же каталог, вы должны быть в порядке.

В конце концов, глава вашей html-страницы нуждается в следующем:

<script type="text/javascript" src="/js/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery-ui-1.7.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/smoothness/jquery-ui-1.7.css" media="all" />

Если вы внимательно посмотрите:

1. Первая - это моя ссылка на код jquery.

2. Вторая - моя ссылка на jquery-ui. Файл здесь включает все функции jquery.

3. Третья - это css-ссылка на тему, которую я решил использовать.

Обратите внимание: нет необходимости использовать jquery-ui предоставленную тему css, поскольку вы можете написать свой собственный. В этом случае вы предоставите ссылку на свой собственный файл css. В большинстве мест я этого не видел.

Наконец, обратите внимание, что при загрузке jquery ui с темой они позволяют выбрать область css. Если вы оставите его пустым, css будет применяться ко всем сопоставленным элементам. Если вы решите предоставить ему область css, то она будет применяться только к элементам в этой конкретной области.

Это моя работа по обновлению jquery в моем офисе, поэтому, если кто-нибудь замечает что-то отличное от этого, дайте мне знать.