Javascript RubyonRails中的淡出新闻代码。示例代码的问题
我想做一个淡出的新闻播报器。代码看起来不错,但不起作用。现在我已经将样式和脚本放在html.erb中(它是RubyonRails的一部分)Javascript RubyonRails中的淡出新闻代码。示例代码的问题,javascript,ruby-on-rails,ruby,Javascript,Ruby On Rails,Ruby,我想做一个淡出的新闻播报器。代码看起来不错,但不起作用。现在我已经将样式和脚本放在html.erb中(它是RubyonRails的一部分) 公司脉冲 var aniSpd01=1000; var fadeSpd01=1000; $(函数() { var startIndex=0; var endIndex=$('#可滚动li')。长度; $('#可滚动li:first').fadeIn(fadeSpd01); setInterval(函数() { $(“#可滚动li:eq(“+startI
公司脉冲
var aniSpd01=1000;
var fadeSpd01=1000;
$(函数()
{
var startIndex=0;
var endIndex=$('#可滚动li')。长度;
$('#可滚动li:first').fadeIn(fadeSpd01);
setInterval(函数()
{
$(“#可滚动li:eq(“+startIndex+”))。延迟(fadeSpd01)。淡出(fadeSpd01);
startIndex++;
$(“#可滚动li:eq(“+startIndex+”)).fadeIn(fadeSpd01);
如果(endIndex==startIndex)startIndex=0;
},aniSpd01);
});
有什么问题以及如何解决?对不起,我推出了自己的js。你能试试这个吗
var fadeOutSpeed = 1000,
transitionSpeed = 1000,
idx = 0;
function showNews() {
$('#scrollable li').fadeOut(fadeOutSpeed, function() {
$('#scrollable li:eql(' + idx + ')').fadeIn();
});
idx += 1;
if (idx == $('#scrollable li').length) idx = 0;
setTimeout('showNews()', transitionSpeed);
}
function() { showNews() }
嗯。这里有几件事不对劲。这个ticker脚本需要jQuery,应用程序中的所有Javascript都要通过./app/assets/javascripts/application.js按顺序加载,这一点很重要 首先要做的是将脚本放在一个单独的文件中,文件名为./app/assets/javascripts,文件名为scroll.js 接下来,转到application.js并添加一行:
//= require scroll
name();
它应该放在require列表的末尾,在jquery之后,一个jvnill建议。之后,确保视图中的类被相应地命名。如果该函数此时不起作用,请将其命名并添加一行:
//= require scroll
name();
在scroll.js文件的末尾。(其中name是函数的名称)人们需要更多信息,而不是“它不工作”。另外,您应该在前端调试它,以找出错误之处—jQuery似乎有点冲突。错误控制台发出两个ReferenceErrors:未定义jQuerry和ReferenceError:$未定义。//=require jquery.touchwipe/=require jquery\u ujs/=require jquery都在application.js中。这是顺序吗?首先需要jquery。我尝试了几种排序策略,包括在顶部使用jquery。仍然返回“jquerynotdefined”,错误似乎来自jqueryjs本身:Timestamp:02/12/2013 05:56:54 AM错误:ReferenceError:jQuery未定义源文件:行:781