0

ここからタイムラインを使用しようとしている Rails アプリがあります: http://timeline.verite.co/

ページをロードすると、div 800x600 が作成され、「ロード中のタイムライン」が表示されて停止します。エラーコンソールを見てみましたが、これが問題のようです：

[14:58:20.511] GET http://localhost:3000/assets/css/timeline.css?2.17 [HTTP/1.1 404 Not Found  807ms]
[14:58:20.523] GET http://localhost:3000/assets/js/timeline-min.js?2.17 [HTTP/1.1 404 Not Found  493ms]

これらのファイルが見つからないようです。間違った場所を探しているためだと思います。ページのソース コードを確認しましたが、これら 2 つのファイルは、アセット フォルダーにあるため、ページを読み込むと読み込まれます。タイムラインがそれらを認識しないのはなぜですか?

ビューに入力したものは次のとおりです。独自のデータを使用する前にタイムラインをテストできるように、Verite Web サイトの JSON ファイルの例を使用しました。

<div id="my-timeline"></div>
 <script>
          $(document).ready(function() {
              createStoryJS({
                  type:       'timeline',
                  width:      '800',
                  height:     '600',
                  source:     'http://timeline.verite.co/lib/timeline/data.json',
                  embed_id:   'my-timeline'
              });
          });
      </script>
<%= javascript_include_tag "storyjs-embed" %>

これを機能させることができないようです-どんな助けでも大歓迎です、ありがとう!

編集：

次の 2 行を追加すると、読み込み中の gif で白い背景が表示されますが、タイムラインは表示されず、永続的な読み込み画面だけが表示されます。何がうまくいかないのですか？問題の 2 つのファイルを明示的に追加していますが、まだ機能していません。

<%= javascript_include_tag "timeline-min" %>
<%= stylesheet_link_tag "timeline" %>
4

1 に答える 1

3

storyjs-embed js ファイルは、timeline-min.js および timeline.css ファイルを探しています。createStoryJS 関数でそれらの場所を設定すると、うまくいくと思います。しかし、これを行う方法がわかりません。同様の問題に遭遇し、「単純な」埋め込み手法を使用して解決しました。

于 2012-10-17T14:28:24.257 に答える