Jquery fancybox 不显示 - 仅在页面重新加载后

Question

这是我的观点:

<div id='profile_galery'>       
<ul>
<li class='big'><%=link_to image_tag(@profile.user.get_avatar(:large) ), @profile.user.get_avatar(:very_large), :class => 'fancybox'%></li>

这是我的 js:

$(document).on("ready page:change", function() {
$(".fancybox").fancybox({
        openEffect  : 'elastic'
    });
});

当我转到带有 fancybox 类的图像的页面并单击它时 - 没有 fancybox 但... html 更改并且页面被锁定。看起来 fancybox 已打开但没有显示并阻止了所有内容。当我重新加载页面时 - fancybox 工作了。这是怎么回事？

Answer 1

尝试添加明显的parent选项

$('.fancybox').fancybox({ parent: "body"});