Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/63.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript RubyonRails中的淡出新闻代码。示例代码的问题_Javascript_Ruby On Rails_Ruby - Fatal编程技术网

Javascript 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

我想做一个淡出的新闻播报器。代码看起来不错,但不起作用。现在我已经将样式和脚本放在html.erb中(它是RubyonRails的一部分)


公司脉冲
  • 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