jQuery Glicted lightbox

jQuery Glicted lightbox,jquery,html,css,Jquery,Html,Css,我正在为一个网站使用一个名为fancybox的jQuery插件。它似乎有点小毛病,因为在顶部页面有某种不可见的覆盖,但它激活了我页面底部的缩略图视图,覆盖了我的链接,只会破坏整个页面 有关网站: HTML 我目前将fancybox的显示设置为“无”,因为它无法正常工作。以下是我已经看过的一些东西 .overlay > .fancybox { display:block; } 这并没有解决问题,所以我尝试了一些JavaScript <script type="text/javasc

我正在为一个网站使用一个名为fancybox的jQuery插件。它似乎有点小毛病,因为在顶部页面有某种不可见的覆盖,但它激活了我页面底部的缩略图视图,覆盖了我的链接,只会破坏整个页面

有关网站:

HTML

我目前将fancybox的显示设置为“无”,因为它无法正常工作。以下是我已经看过的一些东西

.overlay > .fancybox {
display:block;
}
这并没有解决问题,所以我尝试了一些JavaScript

<script type="text/javascript">
   $('.overlay').hover(function() {
    $('.fancybox').toggle(show)();
});
    </script>  

$('.overlay').hover(函数(){
$('.fancybox')。切换(显示)();
});
出于某种原因,这没有起到任何作用

老实说,我被难倒了。


    <script type="text/javascript">   
    $(document).ready(function(){ 
  $('.overlay').hover(function() {
    $('.fancybox').toggle()();
    });
});
</script>
$(文档).ready(函数(){ $('.overlay').hover(函数(){ $('.fancybox').toggle(); }); });
修正了这个问题。多亏了那个发表了评论但随后删除了帖子的人,它解决了这个问题,但我只需从toggle()中删除hide属性

<script type="text/javascript">
   $('.overlay').hover(function() {
    $('.fancybox').toggle(show)();
});
    </script>  
    <script type="text/javascript">   
    $(document).ready(function(){ 
  $('.overlay').hover(function() {
    $('.fancybox').toggle()();
    });
});
</script>