jQuery fadein() вызывается после завершения всех tranactions функции jquery?

Question

У меня есть кнопка отправки, когда пользователь нажимает кнопку отправки. Я хочу запустить Div с fadein() в jquery, из той же функции im, вызывающей другую функцию, называемую monthReport(), но этот fadein div вызывается после того, как montlyReport называется и его функциональность над

<script type="text/javascript"> 
$(function() { 
    $("#submitbtn").click(function() { 
     $("#loading").fadeIn(); 
     monthlyReport($(this)); 
    }); 
}); 


function monthlyReport(Obj1) { 

    //some transactions 

    alert('test'); 

} 

<div id="loading"> 
<div id="loadingcontent"> 
    <p id="loadingspinner"> 
     Searching things... 
    </p> 
</div> 
</div> 

мое требование является то, что $ ("# загрузка") FadeIn(). должен стрелять первым, а затем monthlyReport() может продолжать свои сделки

Answer 1

Установите вызов monthlyReport случиться один раз FadeIn() функция завершена:

$(function() { 
    $("#submitbtn").click(function() { 
     var self = this; 
     $("#loading").fadeIn('slow', function() { 
      monthlyReport($(self)); 
     }); 
    }); 
}); 

function monthlyReport(Obj1) {  
    //some transactions 

    alert('test');  
} 

EDIT: Модифицированный код, чтобы установить переменную self чтобы быть значением этого в обработчике кликов.

Answer 2

Как это:

$(function() { 
    $("#submitbtn").on('click', function() { 
     $("#loading").fadeIn('slow', function() { 
      monthlyReport($(this)); 
     }); 
    }); 
}); 

function monthlyReport(Obj1) {  
    //some transactions 

    alert('test');  
}