2012-07-09 60 views
0

後,我用的fancybox由封閉在一個鏈接一個較小的照片,以顯示大照片的。這工作正常。工具提示jQuery應用程序存在小問題,這就是爲什麼我得到var'title_from_alt'並設置了fancybox標題。這不相關。的fancybox不附鏈接Ajax調用

好吧,現在我通過AJAX調用中檢索的頁面。在部分上,有類'fancyboxfoto'的新鏈接。但是這些新增的鏈接沒有附帶的fancybox。

我也讀到了。對和.live等等,但他們似乎想一個事件(如「點擊」),但在下面的代碼我沒有看到的事件「點擊」。該怎麼辦!?

jQuery(document).ready(function($){ 

//fancybox 
var title_from_alt = $("a.fancyboxfoto").attr("alt"); 
$("a.fancyboxfoto").fancybox({ 
    'titlePosition'  : 'over', 
    'onComplete' : function() { 
     $("#fancybox-wrap").hover(function() { 
      $("#fancybox-title").show(); 
     }, function() { 
      $("#fancybox-title").hide(); 
     }); 
    }, 
    'overlayColor'  : '#000', 
    'title'   : title_from_alt, 
    'overlayOpacity' : 0.9, 
    'showCloseButton' : 'true', 
    'autoScale' : 'true', 
    'autoDimensions' : 'true' 
}); 
}); 

的HTML

<a class="fancyboxfoto" title=" Tirzo Martha, Shipwrecked, 2002 " href="/images/Shipwrecked.jpg"> 
    <img class="tiptip" vspace="12" hspace="12" align="left" title=" Tirzo Martha, Shipwrecked, 2002 " src="/images/Shipwrecked-kl.jpg"> 
</a> 

回答

0

的fancybox v1.3.x不支持動態添加元素。

你可以找到一個workaround here(事例包括)

順便說一句,如果用這種方法,你不需要爲「通過AJAX檢索新的DOM元素後重新初始化的fancybox」

0

你應該通過AJAX retreiving新的DOM元素後重新初始化的fancybox。

+0

沒有按」沒有道理,如果您需要在ajax調用之前將事件附加到其他元素 – 2014-04-14 13:03:48