我有两个弹出对话框。我有javascript。当前，单击两个链接时，只有一个弹出窗口打开

我有两个弹出对话框，用于页脚返回策略和隐私策略中的链接。我有javascript和所有文件

当前，单击两个链接时，只有一个弹出窗口打开。我希望每个链接打开各自的弹出对话框

此文件所在的网页位于

javascript文件位于

---

谢谢

您在周围的span#对话框上有了单击标记。因此，基本上，无论您在跨距中按哪个位置，都会打开相同的弹出窗口

然后，两个对话框相互重叠显示，返回策略是最后一个对话框，它覆盖了另一个对话框

您需要做的是将其绑定到链接

$("#dialog a").click(function(){
    //centering with css
    centerPopup();
    //get id of the clicked
    var clickedLink = $(this).attr('id');
    //load popup
    loadPopup(clickedLink);
});

然后仅显示“单击”对话框：

function loadPopup(clickedLink){
    //loads popup only if it is disabled
    if(popupStatus==0){
        $("#backgroundPopup").css({
            "opacity": "0.7"
        });
        $("#backgroundPopup").fadeIn("slow");
        $("#"+clickedLink).fadeIn("slow");
        popupStatus = 1;
    }
}

---

更新版本

您可以使用href获取对话框ID，然后按如下方式操作：

<a href="#privacyPolicy-popup" id="returnPolicy">Return Policy</a>

及

---

看看您是如何绑定事件的：

//LOADING POPUP
//Click the button event!
$("#dialog").click(function(){
    //centering with css
    centerPopup();
    //load popup
    loadPopup();
});

您已将此单击事件分配给整个

对话框

span，因此每当他们单击其中的任何位置（甚至在链接之间的空格中）时，都将执行此操作。它无法区分链接之间的区别

此外，在loadPopup（）中，您有：

$("#privacyPolicy-popup").fadeIn("slow");
$("#returnPolicy-popup").fadeIn("slow");

因此，单击

对话框

span时，这两个弹出窗口将在任何时间、任何地点显示

---

作为提示，您希望在此处执行的操作是以某种方式区分已单击的链接（例如，将单击绑定到每个链接而不是对话框），然后根据单击的链接一次仅显示一个弹出窗口。

谢谢。第一部分仅在单击时对a标记起作用。第二部分不起作用，我得到的只是一个空白屏幕。我的两个span#对话框都有不同的id，所以有一种方法可以说如果一个#returnPolicy单击了show#returnPolicy弹出窗口，如果一个#privacyPolicy单击了show#privacyPolicy弹出窗口@PirateKitten甚至没想到：-）真的！修正了第一部分。实际上我想要的是。。。我的两个span#对话框都有不同的id，因此可以说如果一个#returnPolicy单击了show#returnPolicy弹出窗口，如果一个#privacyPolicy单击了show#privacyPolicy弹出窗口。我只是无法用javascript实现这一点。谢谢！现在可以用了。：）

//LOADING POPUP
//Click the button event!
$("#dialog").click(function(){
    //centering with css
    centerPopup();
    //load popup
    loadPopup();
});

$("#privacyPolicy-popup").fadeIn("slow");
$("#returnPolicy-popup").fadeIn("slow");