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>

然后我添加了 javascript 来处理初始化，<head>如下所示：

<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 回答