Fancybox没有按预期工作(ajax)

时间:2013-10-31 04:30:18

标签: javascript jquery fancybox

尝试在小提琴中重新创建此错误,但没有运气。不确定错误在哪里。

我有一个示例网站 here ...

在我的实际网站上,我有相同的设置。看到它 here ... (向下滚动到程序,你会看到单词“Ajax” - 点击它)

您会注意到第一个示例网站正常工作。但第二个网站没有工作......

正在使用以下内容启动Fancybox ...

<script type="text/javascript">
    $(document).ready(function() {

        $('.fancybox').fancybox();

    });
</script>  

我迷失在这里,我真的想用这个,但似乎无法弄明白。

1 个答案:

答案 0 :(得分:1)

问题是z-index你在html <head>部分中添加了这段代码吗?

<style>    
.fancybox-lock .fancybox-overlay {
        overflow-x: auto;
        overflow-y: scroll;
        z-index: 99999 !important;
    }
</style>

页面跳转到顶部问题实际上可以通过Fancybox 2中的帮助程序完成。

$('.fancybox').fancybox({
  padding: 0,
  helpers: {
    overlay: {
      locked: false
    }
  }
});