Question

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

在简单的html页面中，一切正常，但我认为我在资产管道方面存在一些问题。

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

我做错了什么？

Answer 1

试试这个，

对于rails 2.x.x

将您的js/flipcounter.js移至public/javascript文件夹和

在application.html.erb 或的layout folder下面的一行写下需要的视图文件

对于rails 3.x.x

将您的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>

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

1 个答案: