我看过类似的线程,但还没有找到解决这个问题的方法。
该网站在我的本地机器(Mac)上运行良好,但我通过 FTP(由 1&1 托管)上传了一个网站,当我在浏览器(最新的 Chrome/Firefox/Safari)中查看该网站时,脚本没有加载图像滑块 (AnythingSlider)。
抱歉,如果在其他地方回答了这个问题。
我看过类似的线程,但还没有找到解决这个问题的方法。
该网站在我的本地机器(Mac)上运行良好,但我通过 FTP(由 1&1 托管)上传了一个网站,当我在浏览器(最新的 Chrome/Firefox/Safari)中查看该网站时,脚本没有加载图像滑块 (AnythingSlider)。
抱歉,如果在其他地方回答了这个问题。
检查你的脚本你有以下错误:
未捕获的类型错误:对象 [object Object] 没有方法“anythingSlider”
您需要删除您的第二个 jQuery 调用:
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
这将防止 jQuery “重新启动”,从而防止您丢失该anythingSlider
功能。
第 155 行:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
第 20 行:
<script src="js/libs/jquery-1.7.2.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
不要包含 jQuery 两次。第 155 行的 jquery 包含在anyslider 之后。所以它正在重置 jquery 对象(它不再有 anythinslider)。删除此行 155 jquery 并像这样更改第 34 行
<script>
$(document).ready(function(){
$('#slider').anythingSlider();
});
</script>
*老兄!你在用你的脚本和 css 做什么*
1.我同意生硬。
有 4 个地方包含了 jquery,而不是在任何地方都检查了现有的 jquery 可用性。
2.我检查了你所有的脚本文件都正确加载。所以问题不在于加载文件。有了它,您正在使用不正确的网址来加载您的脚本。3.finally 你应该使用 $(document).ready() 事件来处理 dom 准备好后需要执行的任何事情
试试这个代码
<script defer type="text/javascript">
// DOM Ready
$(document).ready(function () {
$('#slider').anythingSlider();
});
</script>