Javascript Fancybox不是'；上传到webhost后无法工作，但可以在localhost上工作

有什么想法吗

---

我认为这与路径有关，但我不确定我做错了什么。

您指向fancybox和jquery的链接不正确。你有：

<script src="js/libs/jquery-1.7.1.js" type="text/javascript"></script>
<script src="fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>

您需要在链接的开头添加“/”，如：

<script src="/js/libs/jquery-1.7.1.js" type="text/javascript"></script>
<script src="/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>

删除额外的jquyer链接后，您的代码应该如下所示：

<script src="/js/libs/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function(){

        $('.b2').animate({
            opacity:.0

        });

        $('.b2').hover(function(){
            $(this).stop().animate({opacity:1});


        }, function(){
            $(this).stop().animate({opacity:0});

        });


    });
</script>


<!--FANCY BOX-->
<script src="/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>

$（文档）.ready（函数（）{
$（'.b2'）。设置动画({
不透明度：.0
});
$（'.b2'）。悬停（函数（）{
$（this.stop（）.animate（{opacity:1}）；
}，函数（）{
$（this.stop（）.animate（{opacity:0}）；
});
});

您多次添加jQuery

---

从这个url

js/libs/jquery-1.7.1.js

中删除两次，然后再次使用谷歌cdn，如果谷歌cdn离线，则再次使用回退。我想，这会引起冲突。因为，在您的本地主机上，您可能处于脱机状态，所以google cdn jQuery没有加载，并且一切正常。但当您在服务器中打开它时，GoogleCDNjQuery会尝试加载，需要花费时间并抛出一个错误

当我从控制台运行这个$（'.fancybox'）时，它返回空数组。你确定你有fancybox类的元素吗？因为您正在执行$（'.fancybox'）.fancybox（）及其抛出错误。是的。我主要使用本页上的.iframe作为一个类。正如我所说，当它在本地主机上运行时，一切都能正常工作，所以这与我如何设置按钮类无关。你确定吗，因为我从不添加“/”，而且它总是对我有效：Owell。。通过这样做，它分离了.js文件。删除所有代码，只在代码的最顶端保留一个。在第193行有另一个jquery源代码链接。将“/”添加到该链接中，然后删除靠近fancybox链接的链接。该/并不是修复该链接的方法。这使javascript无法获得源代码。那么我应该删除Google cdn吗？删除所有其他版本。保留GoogleCDN及其后备方案，并将该代码放在修复问题的所有代码之上（在使用任何jQuery之前）！但是现在在商店的chrome.iframe中我不工作了？现在工作正常了。还有一个建议。在

部分中添加jQuery，或者在关闭body标记之前添加jQuery（

）。如果我的答案对你有帮助的话，标记为答案：）它在其他浏览器中工作。但当我在chrome中打开商店时，它就变成了白色。。有什么想法吗？谢谢你的帮助：）