此Ajax javascript代码无法正常运行

Question

因此，我一直在忙于为客户建立网站。 现在，我需要在菜单单击上做一些ajax。 下面的代码可以成功显示loading.gif，但不能100％确保它执行了ajax，因为dang页面仍会随着gif旋转而加载常规样式。 有效，但无效

无论如何，这里有一个指向它的链接：登录名是用户名：密码：

单击“朋友”链接以查看微调器，并且以下代码可通过Firebug查看。 这里的任何帮助都是很好的帮助，这实际上是我第一次搞砸ajax。

谢谢，尼克

<script type="text/javascript">

$(function() {
$(".item-206").click(function() {
    $("#dvloader").show();
    $.load("friends", function(){ $("#dvloader").hide(); });
    return false;
});
});
</script>

Answer 1

您必须告诉它将html加载到的位置：

$('#div-you-want-to-populate').load("friends", function() { ... });

如果创建一个div ID数组，并将其命名为与目标div相同，则可以执行以下操作：

var ids = ['id1', 'id2','id3']; 
for (i=0; i<ids.length, i++) { 
    $('#'+ids[i]).load("friends #"+ids[i], function() { ... });
};

Answer 2

采用

$('element or id or class').load("friends", function(){ $("#dvloader").hide(); });