Events 单击与两个模态div关联的事件

我有一个与不同模态div上的单击事件相关的问题

我有一个模态div'a'，它显示了一个带有一些信息的叠加div。该div通过单击按钮a显示。因此，如果我在重叠div外单击，则显示该div时，我希望该div关闭

我有另一个分区“B”，它显示了一个覆盖分区和一些其他信息。这个div是通过单击按钮B来显示的。因此，如果我在重叠div之外单击，则当显示该div时，我希望该div关闭

在这两种情况下，我都使用$（window）.单击（）来管理它们

问题是，当我点击按钮“A”时，它需要相应的div出现，如果我点击按钮“B”，我希望div“A”关闭，div“B”出现，反之亦然

如何处理多模态div的多次单击事件

谢谢。y

这可能是一个问题：

$('#buttonA").click(function(){
      $(#divA").show();
      $(#divB").hide();
})

---

我不确定这是否是你想要的，但是

假设您的按钮和div属于“overlay”类，并且具有Rolando示例中的ID（“buttonA”、“divA”、“buttonB”、“divB”等）：

例如：

---

唯一的问题是“点击div外部以关闭它”部分；我尝试过使用

$（“：not（.overlay）”）。单击（function（）{$（$div.overlay”）.hide（）}

，但似乎不起作用，因为它只是将

div

隐藏在您所单击的内容中。

您是否尝试过使用按钮A和B的

onClick（）

方法来处理这个问题？或者有没有一种方法可以识别哪个按钮触发了事件？是的，我使用了onClick（）方法来完成这样的任务，但需要一种方法或策略来处理多个重叠div。我想应该是这样简单的（对于按钮B来说是对称的），但是我想知道domoindal是否意味着他想要一种方法来迭代所有覆盖div而不必显式地列出它们，并且基于按钮触发而不必列出所有按钮。陛下另外，请检查您的引号。谢谢您的回答。非常好的观点！！！我需要适应它，但这正是我想要的。

$(".overlay").filter(":button").click(function() {
    var callid = /button(.+)/.exec($(this).attr("id"))[1];

    $("div.overlay[id$=" + callid + "]").show();
    $("div.overlay:not([id$=" + callid + "])").hide();
})