jquery laden Rückruf schlägt fehl

Question

Ich habe diesen Code.

function loadBottom(dockitemid) 
{ 
    var itemno = dockitemid.substring(3,4); 
    var adres = pages[itemno - 1]; 

    $("#BottomLoader").fadeIn(300); 

    $("#Bottom").load(adres,function(){$("#BottomLoader").fadeOut(800);}); 
} 

Das Problem ist, dass es nur zum ersten Mal funktioniert. Sobald das #Bottom div mit etwas HTML geladen ist, funktioniert die Ladefunktion immer noch, aber es wird nicht mehr das Fortschrittsdiv (#BottomLoader) angezeigt. Warum passiert dies?

thx im Voraus

Answer 1

Die BottomLoader div innerhalb des Bottom div verschachtelt ist, mit jQuery.load Sie die Innerhtml von Bottom div ersetzen, so dass nach der ersten Ausführung, dass div wird nicht mehr existieren.

empfehle ich Ihnen das BottomLoader Element herausnehmen:

<div id="Bottom"> 
<!-- This will be replaced by $.load -->      
</div> 
<div id="BottomLoader"></div>