Misc – Page 12 – Raul Sanchez

                // Page animations end with AJAX callback event, example 1 (load remote HTML only first time)
                $('#callback').bind('pageAnimationEnd', function(e, info){
                    if (!$(this).data('loaded')) {                      // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)
                        $(this).append($('<div>Loading</div>').         // Append a placeholder in case the remote HTML takes its sweet time making it back
                            load('ajax.html .info', function() {        // Overwrite the "Loading" placeholder text with the remote HTML
                                $(this).parent().data('loaded', true);  // Set the 'loaded' var to true so we know not to re-load the HTML next time the #callback div animation ends
                            }));

                    }
                });

// Page animations end with AJAX callback event, example 1 (load remote HTML only first time)

$('#callback').bind('pageAnimationEnd', function(e, info){

if (!$(this).data('loaded')) { // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)

$(this).append($('<div>Loading</div>'). // Append a placeholder in case the remote HTML takes its sweet time making it back

load('ajax.html .info', function() { // Overwrite the "Loading" placeholder text with the remote HTML

$(this).parent().data('loaded', true); // Set the 'loaded' var to true so we know not to re-load the HTML next time the #callback div animation ends

}));

}

});

Category: Misc

Load page dynamically in jQTouch

Detect whether or not the browser is online