在哪里放jquery id点击功能

时间:2015-10-21 17:22:27

标签: javascript jquery

在我的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(){的内部和外部,但它没有调用。我究竟做错了什么?

1 个答案:

答案 0 :(得分:1)

success回调中尝试此操作:

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

Fiddle