新しく追加されたクラスでJqueryのクリックイベントが機能しない

Question

誰でも助けてくれますか、ここで間違っています。

私はクラスを追加したい、私はクラスをクリックすると、クラスを削除する必要があります。

$(".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>

クリックイベントのみ既存の要素にバインドされているあなたに

Answer 1

ありがとうございます。動的に追加される要素にバインドするには、hereという解決策を見つけることができます。

代わりに代わりにtoggleClassを使用しないでください。

$(".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>