2013-05-31 34 views
0

jQuery的脚本如下:jquery的curtain.js和的fancybox-2键盘冲突

$(document).ready(function(){ 
    $('.fancybox').fancybox(); 

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

jquery的V1.7.1被使用和如下所示的插件。

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

回答

0

curtain's documentation,您可以使用enableKeys为目的,因此回调的fancybox内,你可以重新初始化你的窗帘的脚本....试试这个(未经测试):

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