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

0

У меня есть кнопка отправки, которая, когда пользователь нажимает кнопку отправки, я хочу запустить 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>

мое требование здесь в том, что $ ("# loading"). fadeIn(); должен срабатывать первым, а затем MonthlyReport() может продолжать свои транзакции

Теги:
fadein

2 ответа

2
Лучший ответ

Установите вызов MonthlyReport, как только функция fadeIn() будет завершена:

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

function monthlyReport(Obj1) {    
  //some transactions

  alert('test');    
}

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

Поделиться
  • 0
    это работает нормально, но, когда я использую Obj1.Id я получаю Id Div, но мне нужен Id детали строки щелкнул
  • 0
    Как я могу увидеть, что значения строки, выбранной пользователем, не потеряны
Показать ещё 2 комментария
0

Как это:

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

function monthlyReport(Obj1) {    
  //some transactions

  alert('test');    
}
Поделиться
  • 0
    извините, это не работает
  • 0
    какую версию jQuery вы используете?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню