0

完整的具体错误是

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>

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

4

1 回答 1

1

你放错了一个右括号。

改变这个

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

$("#coin-slider").coinslider();
于 2012-07-14T21:28:01.243 回答