0

好的，所以我一直在为我目前正在处理的网站的一些功能使用一些 jquery 模态窗口。模态窗口全部打开，但它们绝对没有样式，也没有显示覆盖。这是我为模态定义 div 的方式：

<div class="ui-overlay"><div class="ui-widget-overlay"></div><div class="ui-widget-shadow ui-corner-all" style="width: 302px; height: 152px; position: absolute; left: 50px; top: 30px;"></div></div>
            <div  style="position: absolute; width: 280px; height: 130px;left: 50px; top: 30px; padding: 10px;" class="ui-widget ui-widget-content ui-corner-all"></div>
<div id="postEventPanel"></div> //this is the actual modal window

我正在通过 jquery.load 加载视图的内容：

$('#postEventPanel').load(loadUrl);

并像这样设置对话框选项：

  $('#postEventPanel').dialog({
    width: 650,
    modal:true,
    autoOpen: true,
    resizable: true,

    show: { effect: 'drop', direction: "up" }

}).show();

所以我遇到的问题是覆盖没有出现，任何样式也没有。我已使用主题滚轮生成我自己的主题，并将其包含在我的应用程序布局页面中。

这是我看到的问题的屏幕截图：

这是我遇到的问题的屏幕截图，看到没有样式，甚至没有模式的默认样式。

非常感谢任何帮助，谢谢

4

1 回答 1

0

检查与模态窗口样式关联的 CSS 是否正确加载/引用。此外，如果您在 Firefox 中并且正在使用 Firebug 等调试器，请检查控制台选项卡上是否存在任何 javascript 问题。

于 2012-08-22T16:55:40.597 回答