2012-12-09 34 views
0

我有一個圖像預覽插件。它可以完美地處理頁面中已有的圖像。 像:JQuery圖像預覽與AJAX數據懸停

<a href='ImgHandler.ashx?Id=5' class='preview' title='Landscape'> 
<img height='18' width='18' class='ImgInCell' src='ImgHandler.ashx?Id=5' alt='Landscape' /></a> 

但是當我通過Ajax加載相同類型的代碼圖像懸停預覽不工作一DIV層上。

<a id="LinkPic" class="preview" title="Land Scape" href="ImgHandler.ashx?Id=5"> 
<img id="ImgPic" style="height:50px;width:50px;" src="ImgHandler.ashx?Id=5" alt="Land Scape"> 
</a> 

然後我使用firebug並在AJAX加載後複製了源代碼;創建了一個html頁面;然後加載它,我看到圖像懸停在AJAX圖像工作正常。 用於圖像預覽的Jquery代碼通過以下方式調用。

$(document).ready(function() { 
    imagePreview(); 
}); 

我認爲這是不工作,由於document.ready。我如何使圖像預覽工作在AJAX數據(圖像)?

AJAX調用後調用imagePreview();沒有幫助。

+0

你可以在AJAX調用後重新加載jquery插件嗎? –

+0

重新加載?我沒有太明白..在完成AJAX調用之後,我調用了'imagePreview();'。這沒有奏效,但它導致重複圖像預覽工作的:@ – Ruchan

+0

檢查以下解決方案 http://stackoverflow.com/questions/2079874/jquery-image-preview-that-work-on- ajax-embedded-image-links –

回答

0

我發現沒有其他的方式插入jQuery代碼到AJAX調用文檔(局部視圖)與imgpreview2類的變化,現在其工作正常。