无法在Rails项目中实现JavaScript翻转计数器

Question

我在Rails项目中实现javacript翻转计数器时遇到问题。

在普通的html页面中，一切工作正常，但我认为资产管道存在一些问题。

我将所有需要的文件添加到资产目录。 图片，javascript，css文件。

这里是我包含的文件：

  <link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
  <link href="/assets/counter.css?body=1" media="all" rel="stylesheet" type="text/css" />
  <script src="/assets/jquery.js?body=1" type="text/javascript"></script>
  <script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
  <script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
  <script src="/assets/jquery-flipcounter.js?body=1" type="text/javascript"></script>
  <script src="/assets/application.js?body=1" type="text/javascript"></script>

以下是应包含哪些脚本（来自demo）：

     <!-- My flip counter script, REQUIRED -->
     <script type="text/javascript" src="js/flipcounter.js"></script>
     <!-- Style sheet for the counter, REQUIRED -->
    <link rel="stylesheet" type="text/css" href="css/counter.css" />

HTML：

  <div id="counter" class="flip-counter"></div>

和来自application.js的代码（ 在纯HTML文件中工作 ）：

   $(document).ready(function(){
   var myCounter = new flipCounter("counter", {inc: 1, pace: 500});
    ...});

这是带有工作计数器的rar存档： https : //dl.dropbox.com/u/86122402/cnanney-apple-style-flip-counter-13fd00129a41.rar 。

我做错了什么？

Answer 1

尝试这个，

对于导轨2.xx

将您的js/flipcounter.js移至public/javascript文件夹，然后

1. 在layout folder中的application.html.erb 或需要的视图文件中的以下行中编写

对于导轨3.xx

将您的js/flipcounter.js移至assets/javascript文件夹并在您的

如果在您的application.js

  //= require_tree .           # if present 
  //= require flipcounter.js   # if require_tree. not present

你的问题在

  <script type="text/javascript" src="js/flipcounter.js"></script>