隐藏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(); 
    } 
});