Le rappel de chargement jquery échoue

Question

J'ai ce 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);}); 
} 

Le problème est que cela ne fonctionne que pour la première fois. Une fois que le div #Bottom est chargé avec du code HTML, la fonction de chargement fonctionne mais n'affiche plus la div de progression (appelée #BottomLoader). Pourquoi cela arrive-t-il?

thx à l'avance

Answer 1

Le BottomLoader div, est niché dans le Bas div, avec jQuery.load vous remplacez le innerHTML de Bas div, donc après la première exécution, que div ne sera plus exister.

Je vous recommande de prendre à l'élément BottomLoader:

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