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

我的看法是：

<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>

---

当我进入带有fancybox类的图像页面并点击它时-没有fancybox但是。。。html更改，页面被锁定。fancybox似乎已打开，但没有显示并阻止所有内容。当我重新加载页面时，fancybox可以工作。发生了什么？

遇到了同样的问题，安装jquery turbolinks gem正如fatfrog所说解决了这个问题

---

尝试添加父项

选项

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

根据r0ma的回答，这是对我有用的：

<script type="text/javascript", 'data-turbolinks-eval'="false">  
  $(document).bind('page:change', function(){
    $('.fancybox').fancybox({ parent: "body"})
  });
</script>


$（document）.bind（'page:change'，function（）{
$（'.fancybox'）.fancybox（{parent:“body”}）
});
这是我的工作

document.addEventListener("turbolinks:load", function() {
  $(".alert .close").click(function(){
    $(this).parent().hide();
  })
  $('.fancybox').fancybox({ parent: "body"})
})

好的，我安装了rails gem fancybox rails，现在它可以工作了。我读到fancybox在rails 4Thanks中的turbolinks有一些问题，使用jquery turbolinks gem似乎也能解决这个问题。以下是关于这个问题的铁路专家：
document.addEventListener("turbolinks:load", function() {
  $(".alert .close").click(function(){
    $(this).parent().hide();
  })
  $('.fancybox').fancybox({ parent: "body"})
})