有各种优秀的 jquery 图像预览插件。然而,我测试过的所有方法都无法处理通过 ajax 嵌入到 DOM 中的图像链接。
我已经测试过使用 jquery live 功能,但它不能完美地工作。
$('a.preview').live('mouseover', function() {
$(this).imgPreview({
imgCSS: {
//width: '200px'
},
preloadImages: 'true',
});
});
我正在使用这个:http://www.webresourcesdepot.com/jquery-image-preview-plugin-imgpreview/
问题是我必须使用 jquery live,正如你在上面看到的。但有 2 个缺陷。
如果我第一次将鼠标移到缩略图上,它没有显示预览,我想那是因为我还没有获取图像。所以我必须将鼠标从图像上移开,然后再次移回图像上,然后才会显示出来。这非常烦人。
它不会预加载图像。如果你查看他们的网站,他们会这样使用它:
$('a.preview').imgPreview({ 预加载图像:'true', });
这将在 DOM 完全加载后预加载所有预览。但我已经封装了该功能。但即使我没有,它也不能导致我在加载 DOM 后使用 ajax 添加这些图像链接。
我想知道是否有人知道一个插件,可以在 ajax 加载的元素上执行相同的操作,包括预览和预加载。
谢谢。
最佳答案
将其添加到鼠标悬停不会有帮助,因为重点是在鼠标悬停之前预加载图像......(以便它们在鼠标悬停时可用)..
您应该在将新链接(来自 ajax)附加到 dom 后立即添加 $('a.preview').imgPreview(...)
..
关于javascript - jquery 图像预览适用于 ajax 嵌入图像链接吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2079874/