jQuery加载不会触发回调

Question

I have this function:

$("#menuwrap").fadeOut(300, function () {
$("#menuwrap").load(url, function () {
    $("#menuwrap").fadeIn(300);
});
});

But the callback action for .load() wont fire. #menuwrap is stuck with an inline style="display:none" .

Even an alert() before the fadeIn() won't show.

Never had this trouble before. Any ideas?

Answer 1

Checkout this jsfiddle . Try to check your URL for load() and it's content.

Answer 2

It was a script in the resulting HTML being loaded (AKA'url' var).

The script in said document was buggy, and therefore all further scripts (such as $("#menuwrap").fadeIn(300) ) where not executed.

So, hide yo' wives, hide yo' daughters, double-check your asyncroncally loaded scripts.