使用AJAX数据悬停的Jquery图像预览

时间:2012-12-09 06:28:30

标签: image jquery rollover

我有一个图片预览插件。它与页面中已有的图像完美配合。 像:

<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>

但是当我在DIV图层上通过Ajax加载相同类型的代码时,图像悬停预览不起作用。

<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();没有帮助。

1 个答案:

答案 0 :(得分:0)

除了将jquery代码插入AJAX调用的文档(部分视图)以及类imgpreview2等类中的更改之外,我找不到其他方法,现在它正常工作。