2013-07-26 34 views
0

我一直在試圖讓Fancybox 2與Firefox 22.0一起工作,但無濟於事。我用鉻來運行它,結果很好。我降級了jQuery版本,將https放在鏈接上,通過Firebug運行,沒有任何工作。有任何想法嗎?Fancybox 2不工作在Firefox 22.0

的Javascript:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 

<script src="fancybox/jquery.fancybox.js?v=2.1.5"></script> 
<script> 
$(".fancybox").fancybox({ 
       openEffect : 'none', 
       closeEffect : 'none', 
       afterClose : function() {   
        slideMove = true;         
       }, 
       beforeLoad : function() { 
        event.preventDefault(); 
        slideMove = false; 

       } 
      }); 
</script> 

HTML:

<a class="fancybox" href="images/screenshots/flower-big.jpg" title="The Cupertino Florist"><img src="images/screenshots/flower-small.jpg" alt=""></a> 

網站:http://andrewgu12.kodingen.com/#portfolio

回答

0

您的JavaScript而應是這樣的:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script src="fancybox/jquery.fancybox.js?v=2.1.5"></script> 
<script> 
$(document).ready(function(){ 
    $(".fancybox").fancybox({ 
     openEffect: 'none', 
     closeEffect: 'none', 
     afterClose: function() { 
      slideMove = true; 
     }, 
     beforeLoad: function() { 
      event.preventDefault(); //<--- this is breaking your code in Firefox 
      slideMove = false; 
     } 
    }); 
}); 
</script> 

...假設日在你有一個HTML5 DOCTYPE,否則添加type="text/javascript"屬性您script標籤

編輯:嗯,這是不是Firefox的22,我忽略了你的一些代碼行:event.preventDefault();beforeLoad回調是打破你的代碼在Firefox。這JSFIDDLE不起作用,並且THIS工作如果註釋掉。

+0

哦,我有jQuery部分的腳本標記,我忘了複製並粘貼到這裏。但是,有些東西還是不對的。 – Andrew

+0

@Andrew:罪魁禍首是'event.preventDefault();'......查看我編輯的答案。 – JFK