2011-05-20 14 views
0

我在兩個不同的項目兩個div被通過JQuery dailog顯示:爲什麼JQuery對話框爲兩個不同的彈出窗口分配不同的高度?

<div id="popupDiv"> 
    <% Html.RenderAction("PopupAction", "Popup"); %> 
</div> 

$("#popupDiv").dialog(
{ 
    autoOpen: false, 
    modal: true, 
    width: 465, 
    height: 586, 
    zIndex: 10001, 
    bgiframe: true 
}); 

該代碼是在兩種情況下是相同的,並且部分視圖的內容幾乎相同(其中一個是測試環境,我「M煉對UI,以節省時間,所以我試圖讓他們儘可能接近),但在彈出窗口得到在Firefox兩種不同的內聯樣式呈現:

<div id="popupDiv" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: 475px;"> 

<div id="popupDiv" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: 570px;"> 

我當然不會設置那些地方的高度,並且實際上已經在他們相應的項目中搜索了這些值,但是已經發現了沒什麼。

IE 9似乎並沒有插入所有的風格的東西,但如果我在樣式中設置div的高度,那麼只有兩個實際使用該高度。

什麼會導致JQuery對話框指定兩個不同的高度?

回答

1

如果內容(和內容使用的樣式表)不是100%相同的,那麼對話框內容的高度可能僅有差異(如果受到邊距的影響,這可能不容易看到或填充)。使用Firebug的「佈局」選項卡檢查對話框的子項的計算高度。編輯:對不起,我不認爲我仔細閱讀了這一點。編輯:對不起,我不認爲我仔細閱讀這個。我沒有注意到你在對話選項中設置高度。我希望jQuery UI使用內聯高度設置來達到最終期望的高度,一旦你在CSS中指定了任何內部填充因素,但沒有看到我不能說的其他頁面。再次,Firebug的佈局選項卡看起來就像是調試它的第一個關鍵工具。

相關問題