0

Rails プロジェクトで javacript フリップ カウンターを実装する際に問題があります。

プレーンな html ページではすべて正常に動作していますが、asset-pipeline に問題があると思います。

必要なすべてのファイルを assets ディレクトリに追加しました。画像、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。

私が間違っていることは何ですか？

4

1 に答える 1

0

これを試して、

レール 2.xx の場合

フォルダに移動js/flipcounter.jsしてpublic/javascript

  1. 必要なビューファイルまたはビューファイルの次の行に書き込みapplication.html.erbますlayout folder

レール 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>
于 2012-11-24T12:09:37.093 に答える