jquery和ajax - 使用鏈接注入文件內容

我期望實現以下目標。我有一個最初爲空的絕對定位的div（#description），坐在另一個div（#zoom）的TOP上，當用戶從頁面的側面選擇15個左右縮略圖中的一個時，它會將大圖像注入到其中。jquery和ajax - 使用鏈接注入文件內容

我有一個側面的鏈接，例如：

<div id="whatisit"><a href="description.php"></div>

認爲應該點擊注入「description.php」文件內容到網站上的#description DIV時。首先，當然它需要「淡化」#zoom的內容。

我有下面的代碼，我試圖放在一起做這項工作。

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

它淡出#zoom的內容，但不會注入或淡入「descriptions.php」文件內容。難道我做錯了什麼？或缺少什麼？

非常感謝您的幫助。

來源

2009-05-26 Mo Boho

你將不得不使用AJAX的GET請求，所以做這樣的事情：

<script language="javascript"> 
$(document).ready(function() { 
    $("#whatisit a").click(function() { 
     var descPath = $(this).attr("href"); 
     $.get(descPath, function(html_returned) { 
      $("#zoom img").fadeOut("slow", function() { 
       $("#description").html(html_returned).fadeIn("slow"); 
      }); 
     }, "html"); 
     return false; 
    }); 
}); 
</script>

這應該注入description.php的內容到#description。

來源

2009-05-26 22:54:37

這是做了伎倆（排序！）。 :)只有一個問題 - 當我點擊一個圖像縮略圖（點擊時將一個大圖像加載到#zoom中），「描述」文本仍然存在。它應該消失。 – 2009-05-26 23:00:54

好吧，它看起來像你試圖通過設置其src屬性的方式將內容推入div屬性的方式，你會在圖像上，這是不會做任何事情。可能如果它是一個iframe這將是有意義的。否則，你將不得不花費更多的時間將description.php的內容放入div中。

來源

2009-05-26 22:31:51 chaos

jquery和ajax - 使用鏈接注入文件內容

回答

相關問題