隐藏div上的简单模态

Question

我想在页面上有一个隐藏的div，其中包含SimpleModal对话框的元素，但是当我将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();
    }
});