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來隱藏頁面上的元素;顯示：無;