Solange Script ausführt -> Zeige div an

[Yosh™]

Hey Leute,

ich hab folgenden Code

$('.menuLink').on('click', function(e){
    e.preventDefault()
    alert('ich lade');
    link = $(this).attr('href');
    var stateObj = { calledUrl: link };
    history.pushState(stateObj, $(this).innerHTML, link);
    $('.ajaxLoader').show();
    linkAjax($(this).attr('href'));
})


$(window).on('popstate', function(event) {

    var stateObj = event.originalEvent.state;

    if (stateObj) {
        linkAjax( stateObj.calledUrl );
    }
});

linkAjax = function(url) {
    $.ajax({
        method: "POST",
        url: url,
        data: {
            ajax: true
        }
    }).done(function(data) {
        $('#content').html(data);
        $('.ajaxLoader').hide();
        alert('fertig mit laden');
    })
}

So, bei jedem Seitenaufruf (Lasse Content über Ajax nachladen, also aktualisiert sich nur nen bestimmtes DIV), schmeißt er mir zwar die fehlermeldung "ich lade", und 'fertig mit laden', aber das DIV zeigt und versteckt er nur beim ALLER ersten mal klicken.

Jemand ne Ahnung wie das kommen kann ;s?

 

[Tronjer]

Wird das Element '.ajaxLoader' eventuell beim Ajax-Call überschrieben oder neu erzeugt?

 

[Yosh™]

Ach xD
Ja so ähnlich, ich hab 2 Version: 1 Bei Seitenaufruf, 2. Version = Ajaxloader bei zB Menü Klick.

Im Seitenaufruf war der Ajaxloader drin, beim Menü Klick nicht.
Ergo im geladenen Ajax Element wurde der Ajaxloader nicht mit übergeben.

Sprich, er wurde nicht neu sondern garnicht erzeugt bei einem Ajax Load

Vielen dank für den Denk Anstoß