С помощью диалоговых окон jquery как применить тему?

Question

Пример: http://jqueryui.com/demos/dialog/#modal-confirmation

Показанный пример позволяет просматривать источник и даже имеет селектор тем в правом верхнем углу. Но как применить тему к своему коду?

Answer 1

Вам необходимо включить CSS-файлы, которые были частью темы. Например, я хочу добавить в диалог jQuery тему ui-darkness:

<link type="text/css" rel="stylesheet" href="jQuery-theme-ui-darkness/jquery-ui.css" %>" />
<link type="text/css" rel="stylesheet" href="jQuery-theme-ui-darkness/ui.dialog.css" %>" />

Answer 2

Тематическая структура - это просто серия CSS-классов, которые по большей части последовательно используются.

Чтобы использовать в своем собственном коде, просто примените классы к нужным элементам, и они будут тематически оформлены через CSS. Для начала вот список этих классов и то, для чего они используются .

Answer 3

Проверьте вкладку «Тематика» на этой связанной странице. Плагин определяет несколько классов для вас. Вам просто нужно применить CSS к этим классам.