Загрузка пользовательского интерфейса jQuery: Хорошо, какую часть этого беспорядка я копирую на сервер?

Question

Из файлов "должно быть просто, но ...": Попытка начать работу с пользовательским интерфейсом jQuery. Зашел на сайт, использовал их собственный конструктор, чтобы собрать нужные мне части, сделал собственную тему с помощью Theme Roller, скачал полученный таким образом zip-файл, разархивировал его на свой локальный диск. Итак, у меня 37 папок, 311 файлов и всего 2,4 МБ. Ничего подобного в аду нет, все это происходит на сервере. Какие части мне нужно положить туда?

• 'CSS'
  • 'custom-theme': jquery-ui-1.8.custom.css, подпапка 'images' с 12 .png изображениями
• развитие-расслоение "
  • 'demos': demos.css, index.html, плюс 18 подпапок, но я предполагаю, что "не нужно"
  • 'docs': 17 файлов .html, но, опять же, я думаю, что "не нужно"
  • 'external': 4 файла .js, один .css
  • 'themes': подпапки 'base' и 'custom-theme', каждая из которых содержит 8 или 9 файлов .css и подпапку 'images' с приблизительно дюжиной изображений
  • 'ui': 25 файлов .js, подпапка 'i18n' с 53 файлами .js и подпапка 'minified' с 24 файлами .js
• 'js': jquery-1.4.2.min.js и jquery-ui-1.8.custom.min.js

Также структура файла. Наш сервер настроен примерно так:

• корень
  • admin (административные инструменты)
  • CSS
  • формы (суть сайта живет здесь)
  • изображения
  • include (фрагменты кода asp, которые используются на нескольких страницах)
  • js (всего несколько вещей прямо сейчас, например, древняя хрипящая проверка орфографии)

Насколько я могу судить, файлы jQuery css предполагают, что (1) каждая тема находится в отдельной папке, и (2) каждая папка имеет свою собственную подпапку изображений. Как я могу убедить это иначе? т.е. поместить необходимые файлы .js в папку 'js', файлы .css в папку 'css' и изображения в папку 'images'?

Answer 1

Я обычно копирую jquery-ui-1.8.custom.css и jquery-ui-1.8.custom.min.js вместе с изображениями на мой сервер. Вам также понадобится файл jquery-1.4.2.min.js, если у вас его еще нет на вашем сервере. Остальным я не пользуюсь.

Если вы помещаете изображения в каталог изображений, вам не нужно ничего менять.

Вам действительно ничего не нужно в комплекте разработки. Он содержит кучу демонстраций и все готовые темы, если вы хотите поэкспериментировать с ними.

Эта ссылка содержит дополнительную информацию о начале работы с пользовательским интерфейсом jQuery: http://learn.jquery.com/jquery-ui/getting-started/

Answer 2

Нет проблем с разделением файлов css и js, так как вы все равно включите их в html.

Для изображений, однако, вам придется изменить CSS. Отредактируйте файл css и найдите ссылки на изображения типа

background: url(path/to/image.jpg) 

и измените его на соответствующее местоположение

Answer 3

Просто скопируйте весь каталог и ссылку на jquery-ui.css внутри него. Помните, что ему нужен каталог «images», поэтому сохраняйте структуру без изменений, и если вы хотите переключать темы, просто измените каталог.

Чтобы редактировать эту тему обратно в Theme-ролик

Откройте указанный файл, найдите строку 4 (YMMV), где написано:

* To view and modify this theme, visit http://jqueryui.com/themeroller/?

Скопируйте всю строку, да, она огромная, и откройте ее в своем браузере. Presto, проект загружен.

Answer 4

Просто поместите js-файлы jQueryUI в выбранную вами папку (т.е. на вашем сервере), затем свяжите их в HTML-разметку, как показано ниже (и не забудьте разместить ее после включения библиотеки jQuery):

<script src="js/vendor/jquery-1.10.2.min.js"></script>
<script src="js/vendor/jquery-ui-1.10.4.custom.min.js"></script>

Сложная часть - это то, куда идут изображения и файл jQueryUI css. Я обнаружил, что лучшее место для изображений - скопировать всю папку пользовательской темы в вашу текущую папку CSS, а затем связать ее с jQueryUI css из папки пользовательской темы. Таким образом, файл jQuery css будет знать, где найти нужные ему файлы изображений, как показано ниже:

<link rel="stylesheet" href="css/custom-theme/jquery-ui-1.10.4.custom.css" />

Answer 5

В своих проектах я использую только папку css вместе с папкой images и jquery-ui-1.8.custom.min.js. Если вы еще не используете jQuery, вам, конечно, нужно сослаться на это, прежде чем ссылаться на файл jjuery UI .js. Я не верю, что вам нужно что-то в этой папке для разработчиков.