2014-01-16 66 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文件,直接使用原始插件。

希望這可以幫助任何有同樣問題的人!