2014-01-16 67 views
0

在我的rails 3.2项目中,我目前使用的是wookmark的gem版本,它似乎工作,因为我可以看到资产被加载到开发日志中。Wookmark不改变布局

//= 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的导轨(3.0.4),引导3

回答

0

看来插件既需要CSS和JavaScript文件,以便该技术的工作。由于gem仅包含所需的JavaScript文件,因此我已经提前下载了css和javascript文件,直接使用原始插件。

希望这可以帮助任何有同样问题的人!