Проблема рисования диалогового окна jQuery

Question

Используя jQuery, я пытаюсь открыть div с id elisabeth в виде диалога с закругленной рамкой как это показано на официальном сайте. Он открывает окно и даже применяет темный фон, но не показывает закругленные углы и поля вокруг страницы. Как я могу заставить это работать?

Вот мой код:

<a href="#elisabeth" data-rel="dialog" data-transition="pop"><img id="elisabeth" src="images/elisabeth.jpg" width="80" height="100"/></a>

Answer 1

Обратите внимание, что в диалоговых окнах jquery требуется наличие содержимого роли данных и заголовочных элементов для правильного применения стиля.Это даст вам полный диалог с кнопкой закрытия в шапке.Если вы дадите только div с data-role = "dialog" без внутренностей, тогда вы пропустите стиль.

<div data-role="dialog" id="dialog" >
<div data-role="header"><h3>Oops!</h3></div>
<div data-role="content">
    <p>You done screwed up, partner!</p>
</div>

</div>