【发布时间】:2016-08-30 06:18:31
【问题描述】:
我有一个页面,我在点击按钮Open Popup 时打开一个无模式弹出窗口。
场景:
最初当页面打开时没有显示弹出窗口,我点击按钮Open Popup,我的无模式弹出窗口打开,我已经在该弹出窗口上填写了一些数据,如果我再次点击父页面的“打开弹出窗口”按钮然后我的弹出窗口会刷新。
预期:
如果我的无模式弹出窗口已经打开,那么点击Open Popup 按钮(父级)而不是重新打开弹出窗口,焦点应该在已经打开的弹出窗口上。
我正在尝试使用 jQuery 或 JavaScript 来实现这一点。
到目前为止我所尝试的:
点击Open Popup,我正在尝试检查打开的弹出窗口是否有“在”类然后不要打开弹出窗口,例如:
if ($('#NewPopup').hasClass('in')) {
return false;
}
但是,这不起作用。知道如何实现这一目标吗?
【问题讨论】:
-
我认为如果弹出窗口已经打开,您不想让用户单击弹出按钮,在这种情况下,理想情况下,通过使用 z-index 通过一些透明 div 屏蔽父页面来禁用父页面。这样做用户将无法单击按钮,因此您不必进行所有这些检查:)
-
是的,这是最简单的解决方案,但我的客户不需要这样做,即使弹出窗口已经打开,他也想点击按钮。
-
无论如何我找到了解决方案,如下所示。对我来说很好。
标签: javascript jquery popup