jQuery事件被覆盖

Question

我面临一个未知问题，如下所示：

我有一个链接可以打开一些弹出窗口

<a href="#" data-target="popup1" class=".pop-link">Link Here</a>

现在这个工作正常，当我点击一个链接然后点击弹出窗口。

JS - 我无法对此事件进行更改（安全原因）

$(".pop-link").off("click").on("click", function (e) {
    <!-- Code to open popup -->
});

现在，我想点击.pop-link再举办一次活动。我添加如下：

$(".pop-link").on("click", function (e) {
    console.log("Sdf");
});

这样我的console.log可以工作，但是不显示弹出窗口。 不知道为什么它会覆盖以前的事件。如果在同一个链接上有2个事件我该怎么办？

Answer 1

我明白了。

我尝试使用bind，现在正在使用

$(".pop-link").bind("click", function (e) {
  console.log("Sdf");
});

Answer 2

您已使用相同的班级名称创建了2个点击事件。所以jquery将执行最后一个事件。

要解决此问题，您可以在弹出事件代码中添加第二个事件代码，如下所示：

$(".pop-link").off("click").on("click", function (e) {
   <!-- Code to open popup -->
   console.log("Sdf");
});