jquery：如何在mouseover上放大動態生成圖像的圖像

Question

如何在鼠標懸停上放大圖像動態生成圖像從數據庫中。我使用c＃代碼來綁定用戶界面中的圖像。我嘗試了不同的Jquery插件，但其中大部分都與某些瀏覽器（IE 6）存在兼容性問題。請告訴我一個出路。

謝謝。

Answer 1

如果你是動態添加圖片到你的頁面（從數據庫或其他外部源），你的第一個問題是如何確保jQuery是意識到他們的。

JQuery的具有多個事件偵聽器，用於動態生成的內容，諸如$ .live（）和$ .delegate（）的。您將需要爲內容區域分配一個偵聽器，通過使用這兩個jQuery函數之一來查找正在加載的任何新圖像。

一旦你的代碼已經意識到了新添加的形象，你的下一個任務是增加的放大/縮小行爲。根據你想要發生的事情，你最好的選擇是使用jQuery的$ .hover（）事件。所以你的代碼看起來像這樣：

$("#myContentRegion").delegate("img", "hover", function(){ 
    $(this).animate({ 
      width: 200, height: 200 
     }, 5000, function() { 
    $(this).animate({ width: 100, height: 100 }); 
    }); 

});