Сбой обратного вызова загрузки jquery

Question

У меня есть этот код.

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

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

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

Проблема в том, что он работает только в первый раз. Как только div #Bottom загружен с некоторым HTML, функция загрузки все еще работает, но больше не показывает div прогресса (с именем #BottomLoader). Почему это происходит?

спасибо заранее

Answer 1

BottomLoader div, вложен в Bottom div, с jQuery.load вы заменяете innerHTML Bottom div , так что после первого выполнения, этот div больше не будет существовать.

Я рекомендую вам извлечь элемент BottomLoader:

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