В проекте, над которым я работаю, у нас есть каталог/themes/со всеми jQuery ui-themes. Я получаю, что они перезаписывают определенные стили базового класса, но почему существуют два разных файла css (jquery.ui.theme.css и jquery-ui.css)? И почему они разделены? Нужно ли включать оба или только один?
Какая разница между jquery.ui.theme.css и jquery-ui.css?
Ответ 1
Jquery-ui- theme - это папка или ссылка или файл для доступа к различным темам или стилям (.css) jquery ui; такие как "гладкость", "черный галстук", "блитцер", "купертино", "темный улей", "человечество", "солнечный", "вейдер" и т.д. Пример:
<link href="jquery_ui/jquery-ui-themes-1.10.2/themes/vader/jquery-ui.css" rel="stylesheet">
Jquery -ui- css - это папка или ссылка или файл для доступа к теме по умолчанию или стандартной таблице стилей jquery ui, которая является "гладкостью".
Ответ 2
Docs говорят, что jquery-ui.css просто jquery-ui.theme.css добавлено к jquery-ui.structure.css. Если вы загружаете эти файлы с ThemeRoller, то jquery-ui.css и jquery-ui.theme.css будут содержать пользовательские изменения. jquery-ui.structure.css остается неизменным при настройках.
Файл темы отвечает за внешний вид, тогда как структурный файл отвечает за макет и функциональность.
Некоторые причины не использования jquery-ui.css
Имеет смысл предложить разделенную версию этих файлов, чтобы использовать что-то вроде cdnjs для jquery-ui.structure.css, но ваш собственный сервер (или CDN-решение) для доставки настроенных jquery-ui.theme.css.
Или, если вы используете несколько тем на своем сайте, это позволяет использовать меньший трафик данных, поскольку браузер может иметь кэшированную версию jquery-ui.structure.css, когда сталкивается с нераскрытой темой (jquery-ui.theme.css).
Ответ 3
Я не уверен, что это обычная идиома в jquery, но содержимое jquery.ui.theme.css было подмножеством содержимого в jquery-ui.css. Похоже, что у последнего также был стиль CSS для многих общих компонентов ui. Поэтому я удалил jquery.ui.theme.css и сохранил jquery-ui.css.
Ответ 4
Просто ответ → Файл jquery-ui.css содержит как jquery-ui.structure.css, так и jquery-ui.theme.css.
Ответ 5
Украсть эту цитату слово в слово из документов JQuery. Это именно то, о чем вы просите.
Поскольку стили рамки охватывают только внешний вид, плагин таблицы стилей разделены. Они содержат все дополнительные структурные правила стиля, необходимые для того, чтобы сделать виджет функциональным, например размеры, отступы, поля, позиционирование и поплавки. когда загрузка jQuery UI, их можно найти в jquery-ui.structure.css.