在Ruby on Rails上淡出新聞報道。與示例代碼故障

我想做一個淡出的新聞股票。代碼似乎沒問題，但它不起作用。現在我已經把造型和腳本html.erb（這是部分在軌紅寶石）在Ruby on Rails上淡出新聞報道。與示例代碼故障

<ol> 
<li class="divider">Company Pulse</li> 
</ol> 
    <ol id="scrollable" style="height:90px; overflow:hidden;"> 
    <% @tweets.each do |tweet| %> 
     <li> 
      <%= link_to " 
      <div id=\"twitter_presence\" style=\"vertical-align: middle;\"> 
      <img src=\"#{tweet.user.profile_image_url}\" style=\"vertical-align:middle;\"/> 
      <span style=\"vertical-align: middle;\">#{tweet.user.name}</span> 
      </div> 
      <span id=\"twitter_text\"> 
      <h3 style=\"text-align: center\">\" #{tweet.text} \"</h3> 
      <h3 style=\"text-align:right\">#{tweet.created_at}</h3> 
      </span> 
      ".html_safe, 'employees/twitter' %> 
     </li> 
    <% end %> 
    </ol> 

<script type="text/javascript"> 
var aniSpd01 = 1000; 
var fadeSpd01 = 1000; 

$(function() 
{ 
    var startIndex = 0; 
    var endIndex = $('#scrollable li').length; 
    $('#scrollable li:first').fadeIn(fadeSpd01); 

    window.setInterval(function() 
    { 
     $('#scrollable li:eq(' + startIndex + ')').delay(fadeSpd01).fadeOut(fadeSpd01); 
     startIndex++; 
     $('#scrollable li:eq(' + startIndex + ')').fadeIn(fadeSpd01); 

     if (endIndex == startIndex) startIndex = 0; 
    }, aniSpd01); 
}); 
</script>

可能是自己做錯了什麼，以及如何解決這個問題？

來源

2013-02-12 user1608920

人們將需要更多的信息，然後「它不工作」。此外，你應該在前端調試這個來解決什麼是錯的 – cowls 2013-02-12 13:28:04

似乎jQuery在某種程度上是衝突的。錯誤控制檯給出兩個ReferenceErrors：未定義jQuerry並且未定義ReferenceError：$。 // =需要jquery.touchSwipe // =要求jquery_ujs // =要求jquery都在application.js中 – user1608920 2013-02-12 14:13:22

是這樣的順序嗎？應該首先要求jquery。 – jvnill 2013-02-12 14:13:54

對不起，我推出了自己的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() }

來源

2013-02-12 13:34:41 jvnill

好的。這裏有一些錯誤。此股票腳本需要jQuery，並且通過./app/assets/javascripts/application.js加載應用程序中的所有javascript是很重要的。

要做的第一件事是將腳本放在單獨的文件中在./app/assets/javascripts我命名的文件scroll.js

接下來，進入的application.js，並添加一行：

//= require scroll

它應該在要求列表的末尾，和在jquery之後，jvnill建議。之後，確保視圖中的類相應地命名。如果此功能不起作用，請將其命名並添加一行：

name();

位於scroll.js文件的末尾。（其中名稱是功能的名稱）

來源

2013-02-25 16:48:34 user1608920

在Ruby on Rails上淡出新聞報道。與示例代碼故障

回答

相關問題