未捕获的TypeError：对象[object Object]在chrome中没有方法'cycle'

Question

所以我有一个用PHP完成的网站。我必须在网站中包含一个简单的滑块，并带有此代码。

http://jsfiddle.net/Wb3se/

$('#slides').cycle({ 
    fx: 'scrollLeft'
});

非常简单的代码。我得到的错误，从我的理解通常意味着浏览器不明白'周期'是什么意思。我正在使用jquery 1.10。所以不知道为什么会这样做。以下是它的设置方法。

Header.php在googles服务器上有一个指向jQuery的链接，并且在服务器上有一个指向cycle.js硬拷贝的链接。

正文中有html，css文件中有css

footer包含java.js文件，其中包含javascript，后跟</body>标记。

Answer 1

在初始化幻灯片时，听起来好像没有加载循环插件。检查firebug中的NET选项卡或Chrome开发人员工具中的资源选项卡。确保循环链接在幻灯片代码之前。此外，在初始化循环时确保DOM已准备就绪：

$(function() {
    $('#slides').cycle({ 
        fx: 'scrollLeft'
    });
});

或

$(document).ready(function() {
    $('#slides').cycle({ 
        fx: 'scrollLeft'
    });
});