javascript - Ajax返回html并对其使用jquery

Question

这个问题已经有答案了:

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

已关闭 6 年前。

我有一个ajax调用:

jQuery.ajax({
  type:'POST',
  url: 'http://www.mytestsite.com/wp-admin/admin-ajax.php',
  data:{
       'action':'display_image',
       'id_page': 9
       },
  success:function(data){
    $('#ajax').html(data);
  }
}); 

它可以完美地显示我的 div ID“ajax”显示 html 代码:

<span id="test">HELLO</span>

问题出在我的页脚页面:

$('#test').on('click', function(){
alert('test');
});

当我点击“HELLO”(我的ajax调用的html返回)时，将显示一个警报框，但它不起作用。我不知道为什么...

Answer 1

在页面上显示生成的 html 代码后，必须绑定(bind) click 事件。因此，只需将 on-function 放入您的 success 函数中即可。