jQuery对话框框架绘图问题

Question

使用jQuery，我试图用id elisabeth打开div作为带圆框的对话框 因为它显示在官方网站上。它打开一个窗口，甚至应用深色背景， 但不会在页面周围显示圆角和边距。我怎样才能使它发挥作用？

这是我的代码：

<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 =“对话框”的div，那么你将会错过造型。

<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>