Question

我已经在我的网站上实现了nyroModal jQuery插件。我已经设置了一个配置nyroModal Windows的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);
}

享受：）

NyroModal - 关闭和重定向

1 个答案: