完整的具体错误是
Uncaught TypeError: Object #coin-slider has no method ‘coinslider’
我已经深入研究了这个问题,似乎其他人也受到了这个问题的困扰。
不幸的是,似乎对他们有效的解决方案对我来说失败了。发生这种情况的大多数人和我一样,都是JQuery的新手......所以这可能很简单,但可能会帮助像我这样的无数新手。
我的示例代码目前托管在techbuildersgroup.com/Sirah/
只要这个问题确实存在,该页面就会存在...对不起,该页面是垃圾页面,它首先在gedit中被拼凑起来以便首先使用它。
我在这个错误中看到的最常见的答案与脚本的加载顺序有关。
我在本地开发这个,并且正在从Google中提取JQuery,所以当我使用Chrome中的开发人员工具检查加载顺序时,我注意到尽管脚本是在代码中请求的,但JQuery实际上是最后加载的。
由于这个原因,我构建了一个JQuery的本地副本,并确保脚本调用在页面中尽可能广泛地分开。 JQuery在头部调用,而硬币滑块脚本在主体底部调用。
这没有解决它。
其他遇到此问题的人已将其滑块实例化调用搞砸了,以至于浏览器试图在页面准备好之前立即调用它。我总是被$(document).ready(function(){...});
包裹起来,所以我不明白这个问题是否,为什么或如何适用于我。
同样,我是JQuery的新手,并且爱能够更深入地使用它......似乎每当我蘸我的脚趾时,我会得到一些我根本无法解释的行为......
任何帮助都将深表感谢。
=============================================== ========================
我已经要求我发布代码而不是异地托管代码:
头部相关守则:
<link rel="stylesheet" href="css/site.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/coin-slider-styles.css">
<!-- Import JQuery -->
<script src="js/jquery.min.js"></script>
实际滑块的相关代码(对于本节中的任何格式问题而言,抱歉......有一些工作需要显示):
<div id="image_scroller">
`<div id="coin-slider">`
`<a href="#">`
`<img src="img/sirah_logo.png">`
`<span>sirah logo</span>`
`</a>`
`<a href="#">`
`<img src="img/sirah_logo2.png">`
`<span>sirah logo</span>`
`</a>`
....
`</div>`
</div>
相关脚本调用:
<!-- Instantiate Slider -->
<script src="js/coin-slider.min.js"></script>
<script>
$(document).ready(function()
{
$("#coin-slider".coinslider());
});
</script>
我希望这会有所帮助,抱歉先托管它,而不是张贴它。
答案 0 :(得分:1)
你错位了一个结束括号。
更改此
$("#coin-slider".coinslider());
要
$("#coin-slider").coinslider();