关闭Zurb-reveal.js模式对话框时执行某些操作

Question

我有很多项目，我需要为每个项目设置一个模态框。

问题是：我在DOM中创建了很多模态框，我只希望每个项目都有1个。

每次用户点击一个项目并将其放入正文时，我都会创建模态HTML。 但是现在我需要在用户关闭时从DOM（正文）中删除模态。

模态框关闭时可以触发功能吗？

Answer 1

文档/灵活性对于这个库来说是最好的;可能想要使用不同的对话框插件（清理自己）。无论如何，from the source似乎可以使用插件所针对的元素上的reveal:close事件 - 这是对话框用来发出事件信号的内部机制。

例如：

$modal.bind('reveal:close', function () {
    alert("closing started");
});

但是，在动画序列开始之前触发事件，并且在动画/关闭实际完成后不会发出任何事件。

这样的回调可以包含一个计时器（与动画同时延迟）和/或检查$modal的CSS可见性，但这只是一个黑客攻击已经不理想的情况 - 即使这是我的项目，我也不会追求这样的。

添加的＆＃34; popup＆＃34;的选择器/目标div也可以在源代码中看到，然后可以使用它来从DOM中查找和删除它。再次，另一个黑客：使用更合适/圆形的库。