0

我正在使用 jquery 循环插件创建图片幻灯片。这非常简单,我理解该代码并且我已经让它自己工作了。但我正在尝试实施到一个已经存在的网站并且遇到了一些麻烦。该网站分为 html、css 和 js 文件的单独文件。

这段代码应该放在头部的脚本标签中,但为了站点的目的,它需要放在 js 文件中。我想我的问题是我是否需要对以下代码做任何事情以使其准备好放入 js 文件中,例如将其放入函数中?我已经尝试过了,没有任何运气。(而且我已经加载了 jquery 文件)。

$('.rotatorA').cycle({ fx: 'fade', timeout: 3000 });

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

我对 jquery 还很陌生,我还没有找到太多关于这方面的信息,所以我真的很感激一些帮助!谢谢!

4

1 回答 1

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.noConflict()在加载 jQuery 后立即添加一个脚本。

于 2013-03-08T01:01:28.300 回答