我已经看过类似的线程,但还没有找到解决这个问题的方法。
该网站在我的本地计算机(Mac)上运行完美,但我已经通过FTP上传了一个网站(由1& 1托管),当我在浏览器中查看该网站时(最新的Chrome / Firefox / Safari)脚本未加载图像滑块(AnythingSlider)。
如果在别处得到回答,请道歉。
答案 0 :(得分:4)
检查脚本时出现以下错误:
未捕获TypeError:对象[object Object]没有方法 'anythingSlider'
您需要删除第二个jQuery调用:
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
这会阻止jQuery“重启”,这会阻止您丢失anythingSlider
函数。
答案 1 :(得分:3)
第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包含在anythingslider之后。所以它重置了jquery对象(它不再有anythinslider)。删除此行155 jquery并像这样更改第34行
<script>
$(document).ready(function(){
$('#slider').anythingSlider();
});
</script>
答案 2 :(得分:1)
* DUDE!你用你的脚本和css做什么 *
1.i同意简略
有4个地方你已经包含了jquery,而且甚至没有检查现有的jquery可用性
2.i检查了所有脚本文件是否正确加载。所以问题不在于加载文件。使用它你使用不正确的网址加载你的脚本。
3.最后你应该使用$(document).ready()事件来完成dom之后需要执行的任何事情
答案 3 :(得分:0)
试试此代码
<script defer type="text/javascript">
// DOM Ready
$(document).ready(function () {
$('#slider').anythingSlider();
});
</script>