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上工作

回答

相关问题