사이에 회 전자 로더를 추가하십시오.

Question

단계 사이에 회 전자 (그냥 메시지로드 중)를 추가하고 싶습니다. 가능합니까?

아마도 이와 비슷한가요?

$('#loader').show(); 
    $.ajax({ 
     success: function(data) { 

     //Hide the progress div if loading data is done 
     $('#loader').hide(); 
     } 
    }); 

MY DEMO의

JS 코드 :

var prevLink = '<button class="button cancel" type="button">Cancel</button>'; 
var nextLink = '<button class="button continue" type="button">Confirm purchase</button>'; 
var navHTML = '<div class="buttons">' + prevLink + nextLink + '</div>'; 
var FormData = []; 

$(function() { 
    $('#stepbystep > fieldset').hide().append(navHTML); 
    $('#first-step .cancel').remove(); 
    $('#last-step .continue').remove(); 

    $('#first-step').fadeIn(); 
    setHeight(); 

    $('button.continue').click(function() { 
     var whichStep = $(this).parent().parent().attr('id');    
     if (whichStep == 'first-step') {    
     } else if (whichStep == 'second-step') { 
     } else if (whichStep == 'third-step')  { 
     } else if (whichStep == 'fourth-step') { 
     } else if (whichStep == 'last-step')  { 
     } 
     $(this).parent().parent().hide(300).next().show(300); 
     setHeight(); 
    }); 
    $('button.cancel').click(function() { 
     $(this).parent().parent().fadeOut(300).prev().fadeIn(300); 
    }); 
}) 

고정 DEMO : 모든 jQuery를 아약스의 시작과 정지를 실행하는 함수를 등록 할 수 있습니다

http://jsfiddle.net/59fNR/2/

Answer 1

전화 번호 :

$(document).ajaxStart(function() { 
    $("#loading").show(); 
}).ajaxStop(function() { 
    $("#loading").hide(); 
}); 

각 실제 Ajax 요청에 대해 아무 것도 할 필요가 없으면 자동으로 실행됩니다. 로더 요소의 ID가 무엇이든 #loading 만 변경하십시오.