完成后，Ajax预加载器不会停止

Question

我在jQuery中使用AJAX，因为我想在加载我使用ajaxStart()和ajaxComplete()的项目时向用户显示通知。

问题是第一次加载通知时是否加载。

function runAjax(tags, contracts, educations, towns) {
    $(document).ajaxStart(function() {
        $("#wait").css("display", "block");
    });

    $(document).ajaxComplete(function() {
        $("#wait").css("display", "none");
    });

    $.ajax({
        url: 'http://www.doyleia.com/anazitisi-ergasias?' + tags + '&' + contracts + '&' + educations + '&' + towns,
    }).done(function(data) {
        // create jquery object from response
        var $html = $(data);
        //hide within that object
        $html.find('.form-for-hide').hide();
        $html.find('p.hidden').removeClass('hidden');
        // insert the object
        $('div.load-jobs').html($html);
    });
}

您可以看到问题here。