エレメントが特定のクラスを動的に持つときにエフェクトを起動

Question

特定のエレメントに特定のクラスがあるときに警告を出したいが、このクラスはDOMのロード後に別のトリガーによって追加される。この特定の要素が新しいクラスを受け取り、他のイベントを開始した瞬間をどうやってキャプチャできますか？

例：

<a class="active"></a> 
    <a class=""></a> 
    <a class=""></a> 

    Click on <div>next</div> 

    | 
    V 

    <a class=""></a> 
    <a class="active"></a> 
    <a class=""></a> 

    Click on <div>next</div> 

    | 
    V 
    <a class=""></a> 
    <a class=""></a> 
    <a class="active"></a> -> launch an alert at this moment 

感謝!!

Answer 1

要素のクラスが変更されたときに、デフォルトでイベントが発生することはありません。ただし、手動でイベントを発生させることは可能です：

$("#element").addClass("myClass"); 
$("#element").trigger("classChanged"); 

// Somewhere else in code: 

$("#element").bind("classChanged", function() { 
    // do something 
});