NyroModal -关闭并重定向

Question

我已经在我的网站上实现了nyroModal jQuery插件。我设置了一个配置nyroModal窗口的javascript文件：

$("a.nyroModal").nyroModal({

    bgColor: '#000',

    width: 680,

    height: 500

});

现在，打开的nyroModal窗口需要一个链接，我可以在其中关闭nyroModal窗口，然后重定向到特定页面。

我创建了一个关闭并重定向的链接：

<a onclick="parent.$.nyroModalRemove(); window.parent.location.href = 'user/login';
return false;" href="#">log in</a>

然而，窗口在nyroModal关闭之前就被重定向了--这看起来不太好。我想实现一个回调，但是我不知道怎么做。

Answer 1

创建一个从onclick调用的函数，如下所示：

<a onclick="nyroModalRedirect('user/login');" href="#">log in</a>

然后创建调用.close()函数的函数，然后在调用重定向之前运行超时：

function nyroModalRedirect(url) {
    // Initialize timeout for hovering over group to load child districts when moving a school
    var timeout = null;
    var clear = function() {
        if (timeout) {
            clearTimeout(timeout);
            timeout = null;
        }
    }

    // Close modal (this is pulling the 'topmost' modal instance, but if you only have one, like my login form, it works a charm :)
    $.nmTop().close();
    clear();
    // Start timeout after closing modal
    timeout = setTimeout(function() {   
        // Redirect to passed URL after timeout occurs
        window.location.href = url;
    }, 500);
}

享受:)