2008-09-04 2 views
4

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

Обновление: Спасибо Брок. Когда я очистил свой код, чтобы сделать образец, я понял, что HTML в demo.html (который поставляется вместе с themeroller.zip) немного слишком подробный. Все, что мне нужно сделать, это дать диалоговое Див атрибут 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> 

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

+0

Решение было найдено по [похожим вопросам] (http://stackoverflow.com/questions/45600/a-problem-with-the-jquery-dialog-when-using-the-themeroller-css) Я опубликовал : – Ovesh 2009-01-15 08:43:02

ответ

1

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

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

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

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

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