jQuery和多个AJAX一个页面

Question

我有一个页面上的缩略图，就要求这样：

<div id="credits"> 
<a href="largeimage1.jpg" alt="credits1.php"><img src="thumb1"></a> 
<a href="largeimage2.jpg" alt="credits2.php"><img src="thumb2"></a> 
<a href="largeimage3.jpg" alt="credits3.php"><img src="thumb3"></a> 
</div> 

<div id="zoom"></div> 

<div id="credits"></div> 

我希望做到以下几点：

• 用户点击thumb1> largeimage1负荷在#credits #zoom AND credits1.php负载
• 用户点击的Thumb2> largeimage2载荷#zoom AND credits2.php载荷#credits
• 等

这是可能与jQuery的？即。只需点击一下鼠标，就可以在同一页面上进行两（2）个Ajax调用？

目前，我有下面的代码工作的大图片Ajax调用：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("a").click(function(){ 
     var largePath = $(this).attr("href"); 
     $("#zoom img").fadeOut("slow", function() { 
       $(this).attr({ src: largePath }).fadeIn("slow"); 
     }); 
     return false; 
    }); 
}); 
</script> 

，它就像一个魅力 - 但我现在有一个情况我想加载学分，图像在另一个分区。

任何帮助，非常感谢。 :)

Answer 1

这条线之上：

return false; 

补充一点：

异步请求的整点是，你能火，只要你想，而你继续下去许多。你可能希望有一些加载指示器，当你使用加载时发生某些事情，以及可能是一些错误处理，但上述应该在基本级别上做到这一点。

Answer 2

为了确保我不会错过关于jquery的东西（我更熟悉mootools），除非在缩放div内已经有图像，否则您的第一个代码将无法工作。我没有看到代码中的任何内容将新的图像插入到div中......它只针对现有图像并更新其属性。或者我错过了什么？

Answer 3

伴侣，这不是ajax。它所做的就是通过编辑css display：block来隐藏页面上的元素;显示：无;