Jquery Klick-Ereignis funktioniert nicht auf neu hinzugefügte Klasse

Question

Kann mir jemand helfen, was ich hier falsch mache.

Ich möchte eine Klasse hinzufügen, und wenn ich auf die Klasse klicke, sollte sie die Klasse entfernen.

$(".processing-signs-direction-cover-sign-direction-selection-process").click(function() { 
 
    $(this).addClass("selected-sign"); 
 
}); 
 

 
$(".selected-sign").click(function() { 
 
    $(this).RemoveClass("selected-sign"); 
 
    alert(23); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Danke

Answer 1

Das Click-Ereignis nur auf bestehende Elemente gebunden ist. Um Elemente zu verknüpfen, die dynamisch hinzugefügt werden, können Sie eine Lösung here finden.

Aber warum verwenden Sie nicht stattdessen toggleClass?

z.B.

$(".processing-signs-direction-cover-sign-direction-selection-process") 
 
    .click(function() { 
 
    $(this).toggleClass("selected-sign"); 
 
    });

.selected-sign { 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="processing-signs-direction-cover-sign-direction-selection-process">click me</div>