2013-03-08 35 views
0

我正在使用jquery循环插件来创建图片幻灯片。这是非常容易的,我明白代码和我已经得到它自己的工作。但我试图将其实施到已经存在的网站中,并遇到一些麻烦。该网站被分解为html,css和js文件的单独文件。我应该如何实现这个jQuery插件?

这段代码应该放在头部的脚本标签内,但为了站点的目的,它需要放入js文件中。我想我的问题是我需要对下面的代码做任何事情,让它准备好进入js文件,就像把它放在函数中一样?我没有任何运气试过这个。 (我已经加载了jquery文件)。 ('。rotatorA').cycle({fx:'fade',timeout:3000}); ('。rotatorB').cycle({fx:'fade',delay:1000,timeout:3000});

我对jquery相当陌生,在这方面我还没有找到太多的信息,所以我非常感谢一些帮助!谢谢!

回答

2

确保它是在一个document.ready回调,即:

$(document).ready(function() { 
    $('.rotatorA').cycle({ fx: 'fade', timeout: 3000 }); 
    $('.rotatorB').cycle({ fx: 'fade', delay: 1000, timeout: 3000 }); 
}); 

但不管它是在<head>标签,或者在外部脚本多数民众赞成需要......我说出来,因为也许你离开它了在复制脚本时?

FYI $(function()可作为$(document).ready(function()

另外,还要确保你没有任何其他的库,例如加载MooTools的缩写版本。如果是这种情况,那么你需要稍微修改你的代码,并在加载jQuery后立即添加一个脚本jQuery.noConflict()

相关问题