jQuery加载时加载

Question

i have script like this

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

that code above doesn't work maybe because code doesn't wait until load syntax finish loading,..(maybe)

what i want to ask is,how to make my $('.dimmed') works like loading that start when begin(show) loading and stop when loading finish(hide)

what i want is like this:: page load(with every div)=>click a button=>load a page to div(when loading,showLoader),when finish loading (hideLoader)

Answer 1

try this:

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.