jquery - display:none; を削除した後、jquery 関数が機能しません。

Question

 $('.smileys img').click(function () {
            alert("hello");

        });


<div class="smileys">
<img src="images/smileys/mad.gif"/>
</div>

.smileys css は display:none; です。

ボタンはこれを使用してスマイリーを表示します: $(".smileys").css('display', 'block');

現在、.smileys を表示した後、最初の関数が機能しません。ただし、スマイリーがデフォルトで表示されている場合は機能します。

Answer 1

おそらくイベント委任が必要です-

$(document).on('click','.smileys img',function () {
            alert("hello");
});

Answer 2

を使用する必要があります.on('click', function() {....

Answer 3

.on()次の方法を試してください。

$('.smileys img').on("click", function () {
  // code 
});

または.delegate()方法：

$("body").delegate(".smileys img", "click", function() {
  // code
});

また、スマイリーを表示するには、.show()メソッドを使用できます。