Wookmark没有改变布局



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

插件似乎需要css和javascript文件才能使用此技术。由于gem只包含所需的javascript文件,所以我直接下载css和javascript文件来使用原始插件。

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

相关内容

  • 没有找到相关文章