2

他们的方式是，当打开特定网页时会出现一个弹出窗口，直到我从该弹出窗口中选择一些值，我才能在后台网页中做蚂蚁的事情，并且该网页的执行会暂停，直到弹出是他们的。我找到了这个 ：

win2 = window.open("popup_choose_template.html", "Window2", "width=310,height=600,scrollbars=yes");

但它就像另一个可以关闭或忽略的网页。
什么应该是更好的方法？

4

3 回答 3

3

您可以将jQueryUI 与 Modal Dialog 一起使用：

例如：

$( "#dialog-confirm" ).dialog({
    height:140,
    modal: true,
    buttons: {
        "Ok": function() {
            $( this ).dialog( "close" );
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    }
});

它禁用所有背景页面并强制用户做某事。

于 2012-09-28T07:51:02.597 回答
1

最简单的方法可能是使用 JQuery UI 并使用 Dialog 控件并将模式设置为 true。这将显示一个背景变暗并禁用的弹出窗口。

http://jqueryui.com/demos/dialog/#option-modal

否则，如果你想手动完成，你添加一个 100% 宽度和高度的 div，绝对定位为黑色背景色，部分透明度和比页面其余部分更高的 z-index。将此 div 附加到正文，并确保您的弹出窗口具有比停电 div 更高的 z-index

编辑

你需要一个固定位置的 div 不是绝对的......像这样：

<div id="blackout" style="position:fixed; width:100%; height:100%; z-index:100; background-color:black; opacity:0.5;"></div>

这假设您所有的普通页面元素的 z-index 都低于 100，并且您为弹出窗口提供了高于 100 的 z-index。使用 js 弹出功能附加到正文，然后在满意的选择后删除。

于 2012-09-28T07:51:11.927 回答
1

您可以使用模态面板之类的东西。

像jQuery 对话框

于 2012-09-28T07:51:23.143 回答