如何在jquery的.load（）函数中放置两个回调函数？

Question

I'm having issues figuring out how to handle error on my page using .load() function, i already used the call back function for transitioning and i don't know how or to place the error code and make it work correctly....

i av this code.....

$('.menuLink:eq(0)').click(function(event) {
    event.preventDefault();
    setTimeout($('#navigation ul li').removeClass('expand', 'normal'), 1000);
    $('section').hide().load('index.html section', function() {
        $(this).fadeIn('slow');
    });
});

I'll like to load any error that may occur in the section tag...

Answer 1

If you are using load() you can do the error checking in the same callback function. For example, as given in the JQuery documentation :

Display a notice if the Ajax request encounters an error.

<script>
$( "#success" ).load( "/not-here.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

Answer 2

In that callback function, first check for errors. Then, if there are no errors, do the fadeIn.

$('.menuLink:eq(0)').click(function(event) {
event.preventDefault();
setTimeout($('#navigation ul li').removeClass('expand', 'normal'), 1000);
$('section').hide().load('index.html section', function() {
    // Check for errors here
    $(this).fadeIn('slow');
});

});