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