javascript - 加载时jquery加载

Question

我有这样的脚本

function manualSeat(){
    $('.dimmed').show();
    $("#petaKursi").load('url');
    $('#wagonCode').val('');
    $('#wagonNumber').val('');
    $('#selSeats').val('');
    selectedGerbong = '';
    selectedSeats = Array();
    $('#manualSeatMap').show();
    $('.dimmed').hide(); 
}

上面的代码不起作用可能是因为代码不会等到加载语法完成加载，..(也许)

我想问的是，如何制作我的$('.dimmed') 工作方式类似于加载，在开始(显示)加载时开始加载，在加载完成(隐藏)时停止

我想要的是这样的:: 页面加载(每个div)=>单击按钮=>将页面加载到div(加载时，showLoader)，完成加载时(hideLoader)

Answer 1

试试这个:

var dimmed = $('.dimmed');
var showLoader = function () {
    dimmed.fadeIn();
};
var hideLoader = function () {
    dimmed.fadeOut();
};
document.addEventListener('DOMContentLoaded', showLoader);
window.onload = hideLoader;

You can call showLoader and hideLoader methods whenever you want to show or hide the loader element.