jquery live &实时查询

Question

我正在使用 jquery 的 load 通过 ajax 引入缩略图。我希望用户能够将鼠标悬停在裁剪后的拇指上，以使用 imgPreview 插件。如果他们点击它，则会在灯箱中显示全尺寸的图像 (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', });
});

并保持其他功能不变？