Question

在我的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

Answer 1

似乎插件需要css和javascript文件才能使这项技术正常工作。由于gem只包含所需的javascript文件，我已经通过下载css和javascript文件直接使用原始插件。

希望这有助于任何有同样问题的人！

Wookmark不改变布局

1 个答案: