2013-05-31 38 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