jQuery-Ereignis wird überschrieben - javascript, jquery

Ich bin mit einem unbekannten Problem konfrontiert und es ist wie folgt:

Ich habe einen Link, um ein Popup zu öffnen

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

Nun, das funktioniert gut, wenn ich auf einen Link klicke, wird Popup ausgelöst.

JS - Ich kann an diesem Ereignis keine Änderungen vornehmen (Sicherheitsgründe)

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

Nun möchte ich noch ein Ereignis auf klicken von .pop-link. und ich fügte hinzu:

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

Damit funktioniert mein console.log, aber das Popup wird nicht angezeigt. Nicht sicher, warum es das vorherige Ereignis überschreibt. Was kann ich tun, um zwei Ereignisse auf demselben Link zu haben?

Antworten:

Ich habe es herausgefunden.

Ich habe es versucht bind und es funktioniert jetzt

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

Sie haben 2-Klick-Ereignisse mit demselben Klassennamen erstellt. so wird jquery das letzte Ereignis ausführen.

Um dieses Problem zu lösen, können Sie den zweiten Ereigniscode im Popup-Ereigniscode folgendermaßen hinzufügen:

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