Question

I’m trying to check the CSS of an element every time a new entry is added to the FireBug console with jQuery.

I have the CSS checking working fine, but not the event for triggering the check.

I think I’m looking for something like “ajaxComplete” or “ajaxStart”, but neither of those are getting triggered.

Example:

$(document).live("ajaxComplete", function() {

   if($('#foo').css('display') == 'none') {

      alert("no!");

   } else {

      alert("yes!");

   }

});

Thanks in advance

Answer 1

Based on your comment

Everytime an AJAX GET request is sent, I want to check the CSS of an element.

It looks like you want the global ajaxSuccess event. The second parameter to the handler is the xhr object, which will give you a responseText property containing the result of the ajax load.

$(document).ajaxSuccess(function(e, xhr) {
  alert("I just got back " + xhr.responseText);
});