jquery加载回调失败

时间:2009-08-01 20:01:37

标签: jquery ajax callback

我有这段代码。

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

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

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

问题是它只适用于第一次。一旦#Bottom div加载了一些HTML,加载函数仍然有效,但不再显示进度div(名为#BottomLoader)。为什么会这样?

事先提前

1 个答案:

答案 0 :(得分:1)

BottomLoader div嵌套在 Bottom div中,jQuery.load替换 Bottom div的innerHTML,所以在第一次执行之后,该div将不再存在。

我建议您取出BottomLoader元素:

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