隐藏 div 上的简单模态

【问题标题】：Simple Modal on a hidden div隐藏 div 上的简单模态
【发布时间】：2010-08-09 23:49:37
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

没有确切地看到你想要做什么，我只能猜测问题可能是什么。

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

这样可以解决问题：

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

【讨论】：