如何解決加載數據後jQuery的衝突？

Question

我使用jQuery來加載類明智data.I要顯示由lightbox.I這個數據我在下面給我的js代碼： -

$(".ajaxLoad").click(function(event) 
    { 
     str=$(this).attr("href"); 
     signal="scripts/getPortfolio.php?id="+str; 
     $.ajax({url:signal, 
      beforeSend: function() { 
       $("#indexSpinner").css("visibility","visible"); 
       }, 
       complete: function() { 
        $("#indexSpinner").css("visibility","hidden"); 
       }, 
      success:function(result){ 
      $(".hover").html(result); 
     }}); 
     event.preventDefault(); 
    }); 

通過這個代碼我成功了，當我去取data.But我試圖顯示這個數據到收藏夾，其lightbox.I不顯示數據我給下面的完整jQuery代碼：

jQuery.noConflict(); 
(function ($) { 
$(document).ready(function() 
{ 
    $("a.group").fancybox({ 
     'nextEffect' : 'fade', 
     'prevEffect' : 'fade', 
     'overlayOpacity' : 0.8, 
     'overlayColor' : '#000000', 
     'arrows' : false, 
     });   


    $(".ajaxLoad").click(function(event) 
    { 
     str=$(this).attr("href"); 
     signal="scripts/getPortfolio.php?id="+str; 
     $.ajax({url:signal, 
      beforeSend: function() { 
       $("#indexSpinner").css("visibility","visible"); 
       }, 
       complete: function() { 
        $("#indexSpinner").css("visibility","hidden"); 
       }, 
      success:function(result){ 
      $(".hover").html(result); 
     }}); 
     event.preventDefault(); 
    }); 

}); 
})(jQuery); 

我怎樣才能在lightbox.Any想法加載數據？

Answer 1

根據文檔http://fancyapps.com/fancybox/#docs，有一個設置'live': true它是默認true，但你應該添加它;

jQuery(document).ready(function($){ //just put a dollar sign here to avoid jQuery confliction inside this scope; 

    var fancySettings = { 
     'live'  : true, 
     'nextEffect' : 'fade', 
     'prevEffect' : 'fade', 
     'overlayOpacity' : 0.8, 
     'overlayColor' : '#000000', 
     'arrows' : false //, in the last key-value pair, here should not be any ',' otherwise it will create error, specially in IE and older browsers 
    }; 

    //for initial items: 
    $("a.group").fancybox(fancySettings); 


    $(".ajaxLoad").click(function(event){ 
     event.preventDefault(); 
     str = $(this).attr("href"); 
     signal="scripts/getPortfolio.php?id="+str; 
     $.ajax({ 
      url:signal, 
      beforeSend: function() { 
       $("#indexSpinner").css("visibility","visible"); 
      }, 
      complete: function() { 
       $("#indexSpinner").css("visibility","hidden"); 
      }, 
      success:function(result){ 
       $(".hover").html(result).find("a.group").fancybox(fancySettings); //define with each load for ajaxed items; 
      } 
     }); 
     return false; 
    }); 
});