隐藏 div 上的简单模态

Question

我想在页面上有一个隐藏的 div，其中包含 SimpleModal 对话框的元素，但是当我将 CSS 可见性设置为隐藏并触发模式时，它是空的。

如何以这种方式使用 DIV 而不使其在页面上可见？

Answer 1

您想要的不是 visibility: hide; 而是 display: none;。大多数 jQuery 插件都使用 display 而不是 visibility （甚至与显示/隐藏相关的更多核心 jQuery 函数也可以这样做）。

SimpleModal（以及我所知道的所有其他 jQuery 模式）在显示模式时将反转 display: none...他们实际上期望这样:)

Answer 2

在没有确切看到您要做什么的情况下，我只能猜测问题可能是什么。

默认情况下，SimpleModal 将使您发送给它显示的元素“可见”。如果该元素内有内容，则必须手动“显示”它。

像这样的事情可以解决这个问题：

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