Как заставить диалог jquery работать с темами themeroller?

Question

Я пробую диалог из пользовательского интерфейса jquery. Все онлайн demos используют flora.css. Не удается правильно отобразить диалоговое окно с файлом css, созданным приложением themeroller . Я что-то пропустил? Должны ли эти вещи работать из коробки?

Обновление: спасибо, Брок. Очистив код для создания примера, я понял, что HTML-код в demo.html (который входит в themeroller.zip) слишком многословен. Все, что мне нужно было сделать, это дать диалогу div атрибут class="ui-dialog", например:

<div id="SERVICE03_DLG" class="ui-dialog">please enter something<br><br>
<label for="something">somthing:</label>&nbsp;<input name="something" id="something" type="text" maxlength="20" size="24">
</div>

Я приму ваш ответ. Спасибо за ваше время.

Answer 1

Я думаю, это потому, что у вас разные классы.

<div id="SERVICE03_DLG" class="flora"> (flora)
<div id="SERVICE03_DLG" class="ui-dialog"> (custom)

Даже с темой флоры вы все равно используете класс ui-dialog, чтобы определить его как диалог.

Я делал модалы раньше и никогда не определял класс в теге. jQueryUI должен позаботиться об этом за вас.

Попробуйте избавиться от атрибута класса или используйте класс ui-dialog.