Jquery Wookmark不改变布局
在我的Rails3.2项目中,我目前正在使用的gem版本,它似乎可以工作,因为我可以在开发日志中看到正在加载的资产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
//= 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文件,直接使用了原始插件 希望这能帮助任何有同样问题的人