隱藏div上的簡單模態

Question

我想使用SimpleModal對話的元素在頁面上隱藏div，但是當我將CSS可見性設置爲隱藏並激發模式時，它是空的。

如何以這種方式使用DIV而不將其顯示在頁面上？

Answer 1

而不是visibility: hidden;你想要的是display: none;。大多數jQuery插件的工作原理是display而不是visibility（甚至更多與顯示/隱藏相關的核心jQuery函數）。

SimpleModal（和所有其他的jQuery情態，我知道關）將扭轉display: none時，他們表現出的模態...他們實際上希望這:)

Answer 2

不正是看到你正在嘗試做的，我可以只有猜測問題可能是什麼。

默認情況下，SimpleModal將「顯示」您發送它顯示的元素。如果您的內容中包含內容，則必須手動「顯示」該內容。

像這樣的事情會解決這個問題：

$(element).modal({ 
    onShow: function (d) { 
     $(hiddenElement).show(); 
    } 
});