Wookmark가 레이아웃을 변경하지 않음

내 레일 3.2 프로젝트에서 저는 현재 wookmark의 보석 버전을 사용하고 있으며 개발 로그에로드 된 애셋을 볼 수 있기 때문에 작동하는 것으로 보입니다.Wookmark가 레이아웃을 변경하지 않음

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require jquery.wookmark 
//= require_tree .

은과 같이 : 내 HTML에서 그런

Started GET "/assets/jquery.wookmark.js?body=1" for 10.0.2.2 at 2014-01-16 07:59:12 +0000

, 나는 같은 레이아웃을 내가 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>

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

내가 크롬 콘솔에 오류가 표시되지하지만 아직 레이아웃을 바둑판 식으로 배열되지 않고 다음과 같이 에드 자바 스크립트는 <head>의 초기화를 처리합니다. 나는 여기에 아무것도 놓친 적이 있습니까?

추가 세부 정보 : JQuery와 레일 (3.0.4), 3

출처

2014-01-16 nightscent

부트 스트랩 플러그인이 기술이 작동하기 위해서는 모두 CSS와 자바 스크립트 파일이 필요합니다 보인다. 보석에는 필요한 javascript 파일 만 포함되어 있기 때문에 대신에 css 및 javascript 파일을 다운로드하여 원본 플러그인을 직접 사용했습니다.

희망 사항은 동일한 문제가있는 사용자에게 도움이되기를 바랍니다.

출처

2014-01-16 09:32:13 nightscent

Wookmark가 레이아웃을 변경하지 않음

답변

관련 문제