jquery - Can I listen to a specific element on ajaxComplete instead of 'document'?

Question

Good morning,

I am using the jQuery ajaxComplete Function and I wonder if it would be possible to use it on a specific element (div)?

Example:

<div id="myAjaxDiv"></div>

So, if any ajax operation is done in this specific div, I'd like to fire an event.

I would like to use anything like

$("#myAjaxDiv").ajaxComplete(function() {
    // my Scripts
})

instead of

$(document).ajaxComplete(function() {
    // my Scripts
})

But, this doesn't work for me :-( Is there another solution?

Thanks

Answer 1

yes, you can add specified option for $.ajax action, ie:

$.ajax({
    my_option : 'somevalue',
    complete: function(){
        //..your complete logic
    }
});

and then:

$(document).ajaxComplete(function(event,xhr,options){
   //if(options.my_option == 'somevalue') { or:
     if(options.my_option) {
          //..your logic
     }
});

good luck :)