jquery live 和 livequery

Question

我正在使用 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？感谢您的帮助!

Answer 1

我认为你不需要将它们结合起来，你尝试过吗:

$("ul#plant_gallery li a").live('click', function(){   
    $(this).fancybox ({ 'overlayOpacity': 0.9, 'overlayColor': '#000', });
});

并保持其他功能不变？