where to put jquery id click function

Question

Within my ajax success function, I have the following code:

$('#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'>"
        );

I have another function that I want to be called when the user clicks on this image, but I can't figure out where to put the code as nothing seems to work:

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

I've tried putting it both inside and outside of the $('#searchButton').on('click',function(){, but it's not calling. What am I doing wrong?

use $(document).on('click',"#expandThree",function(){}); – Mohamed-Yousef Oct 21 '15 at 17:23 — Mohamed-Yousef, Oct 21 '15 at 17:23

DontVoteMeDown · Accepted Answer · 2015-10-21T17:30:14.017

1

Try this on your success callback:

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

Fiddle

edited Oct 21 '15 at 17:30

answered Oct 21 '15 at 17:24

DontVoteMeDown

21,122
10
69
105

where to put jquery id click function

1 Answers1