我正在使用 jquery 的负载通过 ajax 引入缩略图。我希望用户能够将鼠标悬停在裁剪后的拇指上,以使用 imgPreview plugin 查看图像的小型未裁剪版本。 。如果他们点击它,则会在灯箱中显示全尺寸图像 ( fancybox )。
对于灯箱,我有:
$("ul#plant_gallery li a").livequery( function(){
$(this).fancybox ({ 'overlayOpacity': 0.9, 'overlayColor': '#000', });
});
对于工具提示未裁剪图像悬停,我有:
$('ul#plant_gallery li a').live('mouseover', function()
{
if (!$(this).data('init'))
{
$(this).data('init', true);
$(this).imgPreview({imgCSS: { width: 200 }, srcAttr: 'rel'})
(
function()
{
},
function()
{
}
);
$(this).trigger('mouseover');
}
});
如何将这两者合而为一?我应该使用 jquery 的 live 还是 livequery?感谢您的帮助!
最佳答案
我认为你不需要将它们结合起来,你尝试过吗:
$("ul#plant_gallery li a").live('click', function(){
$(this).fancybox ({ 'overlayOpacity': 0.9, 'overlayColor': '#000', });
});
并保持其他功能不变?
关于jquery live 和 livequery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1878896/