2012-07-09 27 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