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剃鬚刀局部視圖問題

回答

相關問題