如何在加载任何 NyroModal 对话框时执行一些 Javascript 代码

Question

我有一些常见的 Javascript，我想在打开任何 NyroModal 对话框时执行它们。

如何为 NyroModal 组件的“加载”（或其他）事件分配事件处理程序？

Answer 1

您必须在回调设置中设置 afterShowCont，例如：

$.nmObj({
    callbacks: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

或者，您可以在自定义过滤器中定义它，例如：

$.nmFilters({
    custom: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

或者您可以在启动 nyroModal 元素时定义它：

$('.nyroModal').nyroModal({
    callbacks: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

NB：所有这些解决方案与 nyroModal V2 一起使用。

Answer 2

NyroModal 的所有事件处理程序都可以在其“选项”对象中设置，您可以使用“$.nmObj”函数进行设置（通过传递包含要设置的键/值的对象）。

要处理弹出窗口的加载，您可能需要“afterShowCont”处理程序：

$.nmObj({
    callbacks: {
        afterShowCont: function(nm) {
            alert('Handled!');
        }
    }
});

请在此处查看完整的事件列表：http://nyromodal.nyrodev.com/#filters

注意：“nm”参数将包含 NyroModal 对象的实例，它允许您更改内容、操作 NyroModal 等。