2009-12-10 35 views
2

我正在使用jquery的負載通過ajax引入縮略圖。我希望用戶能夠將鼠標懸停在裁剪後的拇指上,使用imgPreview plugin來查看圖像的小型未裁剪版本。如果他們點擊它,然後調出燈箱中的全尺寸圖像(fancybox)。jquery live&livequery

對於收藏,我有:

$("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

你想通過結合這兩個來實現什麼?如果你想響應不同的事件(懸停和點擊),你需要兩個獨立的函數來處理它們。 – 2010-02-08 14:49:07

回答

1

我覺得你不需要把它們結合在一起,你嘗試過:

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

和離開其他的功能,因爲它是什麼?