SimpleModal內容只出現在頁面調整大小

我使用simplemodal在我的頁面上彈出一個模式。我使用display：none隱藏了頁面加載的模式內容。我有一個簡單的容器，風格正確，彈出正常。儘管如此，應該在容器中的內容仍未顯示;除非我調整頁面大小。當我調整它的大小時，內容就像我想要的一樣。SimpleModal內容只出現在頁面調整大小

如何在不調整頁面大小的情況下正確顯示內容？

這大致就是我的代碼如下所示，在一個PHTML文件：

<div id="div_for_simplemodal" style="display:none"></div> 
      <script type="text/javascript"> 
       *script that generates content* 
      </script>

然後，在一個單獨的JS文件：

$("#div_for_simplemodal").modal({overlayClose:true});

而CSS：

#simplemodal-container { 
    height: 600px; 
    width: 1200px; 
    color: #bbb; 
    background-color: #333; 
    border: 4px solid #444; 
    padding: 12px; }

再次，simplemodal容器顯得很好，但沒有我的javascript應該生成的內容。內容出現在頁面和容器中，沒有「display：none」添加到「div_for_simplemodal」，並在調整頁面大小後出現在容器中。

來源

2014-09-23 typedino

jQuery選擇是從DIV ID div_for_simple_modal不同！== div_for_simplemodal – 2014-09-23 15:58:47

您已使用與元素的ID不匹配的選擇器$("#div_for_simple_modal")。

使用$('#div_for_simplemodal');

來源

2014-09-23 15:59:53

糟糕！你是對的，但這只是我發佈這個時發生的一個錯字。（在我的實際代碼中的div不叫「div_for_simplemodal」）。我在這裏固定它。 – typedino 2014-09-23 16:43:42

SimpleModal內容只出現在頁面調整大小

回答

相關問題