使用coinslider时获取'Uncaught TypeError'

时间:2012-07-14 21:20:02

标签: jquery slider typeerror

完整的具体错误是

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>

我希望这会有所帮助,抱歉先托管它,而不是张贴它。

1 个答案:

答案 0 :(得分:1)

你错位了一个结束括号。

更改此

$("#coin-slider".coinslider());

$("#coin-slider").coinslider();