JQuery UI несколько файлов CSS - PullRequest
       20

JQuery UI несколько файлов CSS

0 голосов
/ 09 апреля 2011

Мне интересно, есть ли какие-нибудь хитрости, чтобы две версии themeroller (по сути) загружались на одной странице?

На одной странице нашего приложения используются диалоговые окна jQuery UI для сбора пользовательского ввода определенных функций.Для этого мы разработали стили этих диалогов с помощью инструмента themeroller.

На той же странице у нас значительно более сложный диалог, для которого мы заключили разметку HTML и JS.(мы предоставили PSD проекта) Фирма, которую мы использовали, также использовала JQuery UI Dialog и написала собственные классы для всех классов UI-диалога.

Когда создается диалог jQuery, эти классы добавляются в разметку, но теперь существует конфликтующий CSS.Есть ли способ предоставить имена классов CSS для сценария диалога через «параметры» или другим способом.

Есть мысли о том, как использовать эти конфликтующие файлы CSS?Я также спросил фирму-подрядчика, но подумал, что вопрос здесь может послужить мне чем-то хорошим.

* Редактировать: * Теперь посмотрите на источник диалогового окна jQuery UI.Я думаю, что не было бы слишком сложно изменить плагин, чтобы взять имена классов в качестве опции.Таким образом, я могу запустить один диалог со стандартными именами классов для извлечения из нашего Themeroller CSS и другой диалог с именами пользовательских классов.Кто-нибудь делал это?

Спасибо!

1 Ответ

2 голосов
/ 10 апреля 2011

Когда вы создаете свой собственный пакет themeroller на сайте пользовательского интерфейса jQuery, он позволяет вам установить область видимости CSS - она ​​находится в расширенных настройках темы.

Это позволяет вам создавать свои собственные правила CSS jQuery UI для работы только в пределах определенной области страницы, в которой будет работать тема. С небольшой настройкой (с jQuery, скорее всего) вы можете динамически переключаться между областями CSS и / или одновременно использовать несколько тем jQuery UI без необходимости изменять ваши CSS-файлы. : D

Страница загрузки пользовательского интерфейса jQuery (проверьте дополнительные параметры темы на правой боковой панели)

Это может означать, что вам, вероятно, придется повторить создание пакета themeroller , но по крайней мере это способ, которым jQuery UI официально поддерживает его, и вы можете быть уверены, что он не сломается с будущими обновлениями .

...