首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jquery curtain.js和fancybox-2键盘冲突

jquery curtain.js和fancybox-2键盘冲突
EN

Stack Overflow用户
提问于 2013-05-31 11:08:47
回答 1查看 414关注 0票数 0

jquery脚本如下:

代码语言:javascript
运行
复制
$(document).ready(function(){
    $('.fancybox').fancybox();

    $('.curtains').curtain({
        scrollSpeed: 300,
        controls: '.menu',
    })
})

使用jQueryv1.7.1,插件如下所示。

代码语言:javascript
运行
复制
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="includes/fancybox/source/jquery.fancybox.js?v=2.1.4"></script>
<script src="includes/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script src="includes/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<script src="includes/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
<script src="js/curtain.js"></script>
<script src="js/myscript.js"></script>

实际上,除了之外,所有的东西都运行得很完美,

当使用上、下、左、右键导航fancybox图库(工作正常)时,

curtain.js同时在后台工作,更改各种页面/窗帘。

在浏览fancybox图片库时,有什么方法可以“禁用”curtain.js?

EN

回答 1

Stack Overflow用户

发布于 2013-06-01 07:07:22

根据幕布文件,您可以为此目的使用enableKeys,这样您就可以在fancybox回调中重新插入您的窗帘脚本.试试这个(未经测试):

代码语言:javascript
运行
复制
$(document).ready(function () {
    $('.curtains').curtain({
        scrollSpeed: 300,
        controls: '.menu'
    });
    $('.fancybox').fancybox({
        beforeShow: function () {
            $('.curtains').curtain({
                enableKeys: false // no keys while fancybox is open
            });
        },
        afterClose: function () {
            $('.curtains').curtain({
                scrollSpeed: 300,
                controls: '.menu',
                enableKeys: true // re-enable keys after fancybox is closed
            });
        }
    }); // fancybox
}) // ready
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16855886

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档