[jQuery] Re: ajax form loader displays on load even though loader is set to hidden

[Mike Alsup]

You're hiding the busy div before it's been added to the DOM.  Try
changing that code around a little:

$('<div id="busy"><br /><img src="/images/loaders/
miniloader.gif" />Requesting content...</div>')
      .ajaxStart(function() {$(this).show();})
      .ajaxStop(function() {$(this).hide();})
      .appendTo('#loader')
      .hide();



On 5/24/07, JimD <[EMAIL PROTECTED]> wrote:

Hi all

using Ajax form.  Which works great, but Ive noticed lately when my
page loads now the loader image displays event though Im hiding the
div on load.  Any ideas why this would be happening?

$(document).ready(function() {

     $("busy").hide();

     $('<div id="busy"><br /><img src="/images/loaders/
miniloader.gif" />Requesting content...</div>')
        .ajaxStart(function() {$(this).show();})
        .ajaxStop(function() {$(this).hide();})
        .appendTo('#loader');

    $('#billpay').ajaxForm({
        // account rec
        target: '#paymentpost',
        success: function() {
            $('#paymentpost').fadeIn('slow');
        }
    });
});