如何在新URL中弹出一个窗口，同时也遮蔽当前窗口并防止点击（可能使用jQuery） [英] How can popup a window in a new URL but also shadow out the current window and prevent clicks (possibly with jQuery)

问题描述

我通常习惯于window.open将弹出窗口打开到新的URL中。如何打开一个窗口到一个新的URL，阴影/灰色当前窗口，并关闭删除阴影背景。

I am normally used to "window.open" to open a popup window into a new URL. How can open a window into a new URL, shadow out/grey out the current window, and on close remove the shadow background.

最好使用jQuery做这个？我可以在不使用jquery插件的情况下使用默认库吗？

Is it best to use jQuery to do this? Could I use the default libraries without use jquery plugins?

我想做这样的事情，然后在卸载时禁用我的影子。希望使用核心jQuery库或标准的javascript调用。我想避免使用除jQuery之外的任何插件。

I want to do something like this and then "disable" my shadow on unload. Hopefully that uses core jQuery libraries or standard javascript calls. I want to avoid using any plugins besides jQuery.

var popup = window.open('http://google.com', 'popup');
showShadow();
$(window).unload(function() {
    if(!popup.closed) {
        disableShadow();
    }
});

推荐答案

基本上，您可以打开弹出窗口并设置该窗口之前的负载。简而言之，这样的事情：

Basically, you can open the popup and set that window the beforeunload. In short, something like this:

popup = window.open("", "name", "width=400, height=300")
popup.onbeforeunload = function() { $('#shadow').hide();}

我为你创造了一个小提琴。

I created a fiddle for you.

http://jsfiddle.net/DDksS/

这篇关于如何在新URL中弹出一个窗口，同时也遮蔽当前窗口并防止点击（可能使用jQuery）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！