toggleClass（）で作成されたクラスは、クリックイベントで警告されません

Question

もう1つtoggleClass()問題です。このjQuery関数について何十もの質問がありますが、私はこの特定のものを見つけることができませんでした。

私には2つのボタンがあります。 Oneはクリック時に他のクラスを切り替えます。これは色が変わるのでうまくいきますが、 'new'クラスでclick()イベントを使用しても何も起こりません。

HTML

<button type='button' id='button1'>button 1</button> 
<button type='button' id='button2'>button 2</button> 

CSS

.pushed { 
    background-color: salmon; 
} 

JS

$('#button1').click(function() { 
    $('#button2').toggleClass('pushed'); 
}); 

$('.pushed').click(function() { 
    alert('pushed!') 
}); 

あなたはここでそれを試すことができます：https://jsfiddle.net/tk9pt3o2/

Answer 1

さらに、.pushedの要素を選択すると、その前にも存在するためです。これを使用してみてください：

$(document).on('click', '.pushed',function() { 
    alert('pushed!') 
}); 

onは、現在のマッチした要素と将来へのクリックイベントをバインドする要素に一致しました。

Answer 2

既存のDom要素にイベントを登録するだけでよいことを考慮してください。 キーポイントは$（ '.pushed'）です。イベントを登録する要素がないjqueryオブジェクトを返します。