Jquery Modal窗口与mvc 3剃须刀局部视图问题

好吧，所以我一直在使用一些jquery模态窗口为我正在工作的网站的几个功能。模态窗口全部打开，但它们绝对没有样式，也没有显示叠加。这里是我很确定股利的模式：Jquery Modal窗口与mvc 3剃须刀局部视图问题

<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();

所以我遇到的问题是叠加层不显示，也没有任何样式。我已经使用主题滚轮来生成我自己的主题，并且已将其包含在我的应用程序布局页面中。

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

This is a screen capture of the problem I am having, see that there is no styles, not even the default styles for the modal.

任何帮助是极大的赞赏家伙，感谢

来源

2012-08-22 Rob_Local

检查与模态窗口样式相关的CSS是装/正确引用。另外，如果您使用的是Firefox，并且您使用的是诸如Firebug之类的调试器，请检查控制台选项卡上是否存在任何JavaScript问题。

来源

2012-08-22 16:55:40 drcoderz

我检查了CSS和JS文件被引用并正确加载，他们似乎是。 –

我发现这个问题，有一个与twitter引导程序的CSS文件的CSS冲突。在改变了包含的CSS文件的顺序后，我已经能够使其工作。 –

Jquery Modal窗口与mvc 3剃须刀局部视图问题

回答

相关问题