Fancybox 2不能在localhost上工作

-1

我對jQuery來說很新，而且我以前從未使用過fancybox。我試圖安裝它，但它不起作用。我使用了幾個我發現的測試腳本，但仍然沒有。這裏是我的代碼：在腦子裏，我有如下（路徑中的所有文件是正確的）：Fancybox 2不能在localhost上工作

<script type="text/javascript" src="http://localhost/scripts/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> 
<link rel="stylesheet" href="http://localhost/scripts/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> 
<link rel="stylesheet" href="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> 
<link rel="stylesheet" href="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> 
<script src="http://localhost/scripts/jquery-2.1.1.js" type="text/javascript"></script>

而且我的測試文件中：

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

    /* This is basic - uses default settings */ 

    $("a#single_image").fancybox(); 

    /* Using custom settings */ 

    $("a#inline").fancybox({ 
     'hideOnContentClick': true 
    }); 


}); 
</script> 
<a id="single_image" title="" href=""><img src="http://localhost/images/something.png" alt="" /></a>

但是當我點擊圖像，沒有任何反應。

來源

2014-05-22 user3560463

你最後聲明你的jquery腳本。這應該是第一個，前面是使用jQuery的其他腳本。如果它在本地主機上沒有做任何事情。

<script src="http://localhost/scripts/jquery-2.1.1.js" type="text/javascript"></script> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> 
<link rel="stylesheet" href="http://localhost/scripts/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> 
<link rel="stylesheet" href="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> 
<link rel="stylesheet" href="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://localhost/scripts/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

來源

2014-05-22 08:20:44 user3036342

試過了，沒有幫助。 – user3560463

你可能會發布你得到的錯誤。如果使用Chrome，請按Ctrl + Shift + J然後選擇控制檯。必須彈出一個錯誤指導您解決問題 – user3036342

控制檯沒有錯誤..但我試圖從我的頁面中刪除一切，它的工作原理。它看起來像問題是我的第二個，自己的CSS文件，但我不知道爲什麼。 – user3560463

我一直有同樣的問題，當你的jQuery-2.1.1.js。一旦我使用了fancybox提供的jquery-1.10.1.js，但是我很好奇並且嘗試了jquery-1.9.1.js，並且我的文檔停止了渲染結果。

我不知道它是否有幫助，或者你已經知道了，但我想我會添加我發現的。

來源

2014-09-16 21:58:52 Mark

Fancybox 2不能在localhost上工作

回答

相關問題