0

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

在纯 html 页面中,一切正常,但我认为资产管道存在一些问题。

我将所有需要的文件添加到资产目录中。图像、javascripts、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>

以下是应该包含的脚本(来自演示):

     <!-- 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 。

我做错了什么?

4

1 回答 1

0

尝试这个,

对于导轨 2.xx

移动你js/flipcounter.jspublic/javascript文件夹和

  1. application.html.erb在您的layout folder 所需的视图文件中写下以下行

对于导轨 3.xx

移动您js/flipcounter.jsassets/javascript文件夹并在您的

如果在你的application.js

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

你的问题在

  <script type="text/javascript" src="js/flipcounter.js"></script>
于 2012-11-24T12:09:37.093 回答