Question

I have a slight issue when i get content using ajax. The issue is that once the success event trigger, i put the content loaded onto a div and call one function

$('.content').html(data);
$('.image').resize(function(e) { more code.... });

Well, the question is that when the second line is executed the content is not already ready, so it has no effect.

What can i do in this situation?

Thanks.

Answer 1

Put the second line in a callback function and use .load to accomplish the first part:

$('.content').load(<ajax url here>, function () {
  $('.image').resize(function (e) {
    // do whatever else you need to do here
  });
});