Jquery Wookmark不改变布局

Jquery Wookmark不改变布局,jquery,ruby-on-rails,twitter-bootstrap,wookmark,Jquery,Ruby On Rails,Twitter Bootstrap,Wookmark,在我的Rails3.2项目中,我目前正在使用的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 2

在我的Rails3.2项目中,我目前正在使用的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来处理
中的初始化,如下所示:

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

$(文档).ready(函数(){
$(“.post”).wookmark({
抵销:5,
自动调整大小:正确
});
});
我在chrome控制台中没有看到任何错误,但是布局没有平铺。我错过什么了吗


额外细节:jQueryRails(3.0.4)、Bootstrap3

插件似乎需要css和javascript文件才能使用这种技术。因为gem只包含所需的javascript文件,所以我直接下载了css和javascript文件,直接使用了原始插件

希望这能帮助任何有同样问题的人