我正在使用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?谢谢你的帮助!
答案 0 :(得分:1)
我认为你不需要将它们结合起来,你试过了吗?
$("ul#plant_gallery li a").live('click', function(){
$(this).fancybox ({ 'overlayOpacity': 0.9, 'overlayColor': '#000', });
});
将其他功能保留原样?