0

私の Rails 3.2 プロジェクトでは、現在wookmarkの gem バージョンを使用していますが、開発ログにアセットが読み込まれていることを確認できるため、機能しているようです。

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require jquery.wookmark
//= require_tree .

そのようです：

Started GET "/assets/jquery.wookmark.js?body=1" for 10.0.2.2 at 2014-01-16 07:59:12 +0000

次に、HTML で、wookmark でレイアウトしたい要素を次のようにレイアウトしました。

<div id="post-container">
  <% Post.all.each do |individual_post| %>
      <%= render 'shared/posts/individual_post', locals: { individual_post: individual_post } %>
  <% end %>
</div>

次のパーシャルを呼び出します。

<div class="well post">
  <p>Title: <%= link_to locals[:individual_post].title, locals[:individual_post].url, target: '_blank' %></p>
  <p>Content: <%= raw(locals[:individual_post].content) %></p>
</div>

<head>次に、次のように初期化を処理するための JavaScript を追加しました。

<script type="text/javascript">
    $(document).ready(function() {
        $(".post").wookmark({
            offset: 5,
            autoResize: true
        });
    });
  </script>

Chrome コンソールにエラーは表示されませんが、レイアウトはタイル表示されません。ここで何か見逃しましたか？

その他の詳細: jquery-rails(3.0.4)、bootstrap 3

4

1 に答える 1

0

この手法を機能させるには、プラグインに css ファイルと javascript ファイルの両方が必要なようです。gem には必要な javascript ファイルしか含まれていないため、代わりに css ファイルと javascript ファイルをダウンロードして元のプラグインを直接使用しました。

これが同じ問題を抱えている人に役立つことを願っています!

于 2014-01-16T09:32:13.523 に答える