我在 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 。
我做错了什么?