Generische Funktion, die Laden Symbol über alle gegebenen div zeigt

Ist es möglich, eine div-id an eine Funktion (show) übergeben und dann laden Bild anzeigen, die die gesamte div & dann Pass div-id zu einer anderen Funktion (ausblenden) und verstecken das Ladebild über dem div. Ich versuche, eine generic Lösung hier & nicht auf der Suche nach so etwas zu erstellen.Generische Funktion, die Laden Symbol über alle gegebenen div zeigt

jQuery.ajaxSetup({ 
    beforeSend: function() { 
    $('#loaderDiv').show(); 
    }, 
    complete: function(){ 
    $('#loaderDiv').hide(); 
    }, 
    success: function() {} 
});

Ich möchte einmal laden Symbol pro div. Ich möchte nicht nur ein großes div zeigen, das die gesamte Seite abdeckt. Bitte helfen Sie.

Quelle

2016-04-11 OpenStack

Sie können eine Klasse in CSS machen, die die Art und Weise überlagert Inhalte, die Sie wollen, und dann einfach hinzufügen/entfernen diese Klasse. Eine von vielen Möglichkeiten. –

Sie könnten eine Einstellung erstellen, die an $ .ajax (URL, Einstellungen) übergeben wird, die den Selektor Ihres Zieldivs identifiziert. Sie könnten es dann im Ajaxsetup verwenden, um einen Loader an Ort und Stelle zu zeigen. – Steve

@MariM: Wie kann ich die CSS-Klasse über ein anderes div in Bezug auf Position, Höhe und Breite überlagern? – OpenStack

Mit einer Einstellung, die für $ .ajax (URL, [Einstellungen]) bereitgestellt wird, können Sie den Speicherort eines Lade-Divs ändern.

$.ajaxSetup({ 
    beforeSend: function(xhr, settings) { 
     var $target = $(settings.targetSelector); 
     var $loading = $('#loaderDiv'); 
     $loading.css($target.position()); 
     $loading.width($target.width()); 
     $loading.show(); 
    }, 
    complete: function() { 
     $('#loaderDiv').hide(); 
    } 
}); 

//then later in a button click or whatever 
$.ajax('URL', { 
    targetSelector: "#DIV_TO_OVERLAY" 
});

https://jsfiddle.net/x3f8ntdv/

Quelle

2016-04-12 14:44:56 Steve

Generische Funktion, die Laden Symbol über alle gegebenen div zeigt

Antwort

Verwandte Themen