javascript - jquery id点击函数放在哪里

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 7 年前。

在我的ajax成功函数中，我有以下代码:

$('#searchButton').on('click',function(){
//ajax call
//within that ajax call's success function:
$.ajax({
      type: 'POST',
      url: 'search.php',      
      data: {x:x},        
      success:function(dataReturn){              

        $('#returnThree').html(
        "<img id='expandThree' class='expandThree' src='../../img/expand.png'>"
        );

我有另一个函数，当用户单击此图像时我想调用它，但我不知道将代码放在哪里，因为似乎没有任何作用:

$("#expandThree").click(function() {
  console.log('hi');
  });

我尝试将它放在 $('#searchButton').on('click',function(){ 的内部和外部，但它没有调用。我究竟做错了什么？

Answer 1

在您的成功回调中尝试一下:

var $img = $("<img id='expandThree' class='expandThree' src='../../img/expand.png'>")
               .appendTo('#returnThree')
               .on("click", function() {});

Fiddle