javascript - 加载时加载jquery

Question

我有这样的脚本

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

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

我想问的是，如何制作my $('.dimmed')就像加载开始时开始(显示)加载并在加载完成时停止(隐藏)

我想要的是这样的::page load(with every div)=>click a button=>load a page to div(when loading,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.