jquery masonry가 렌더링되지 않습니다

Question

Rails 응용 프로그램에서 내 이미지를 표시하기 위해 Jquery 플러그인을 사용하고 있습니다. 나는 그것이 작동하도록 할 수 없습니다. 나는 페이지 자체에 내 벽돌 스크립트를 넣었다. 나는 masonry 플러그인과 jquery.js 파일을 포함시켰다. 또한 application.js 파일에서 jquery를 주석 처리하지 않았습니다. My Masonry 플러그인 파일은 assets 폴더의 javascript 폴더에 있습니다. 내가 스크립트가 있는지 여부를 내 코드는 <퍼센트 = javascript_include_tag "jQuery.js"%> <퍼센트 = javascript_include_tag "jquery.masonry.min.js"%>

<%= render 'nav' %> 
<div id = "jags_show"> 
<h1>Your Jags </h1> 
<div id = "clear"></div> 
<hr /> 
<% if @jags.empty? %> 
<p> NO JAGS UPLOADED YET <p> 
<% else %> 
<% @jags.each do |j| %> 
    <div id = "jags"> 
     <li id = "jagimage"><%= image_tag j.image_url(:thumb) %></li> 
     <p id = "jagname"> <%= j.name %> </p> 
     <div class="actions"> 
     <%= link_to "update", edit_jag_path(j) %> | 
     <%= link_to "remove", j, :confirm => 'Are you sure?', :method => :delete %> 
     </div> 
    </div> 
<% end %> 
<% end %> 
</div> 
<script> 
$(function(){ 

var $container = $('#jags_show'); 

$container.imagesLoaded(function(){ 
    $container.masonry({ 
    itemSelector : '#jagimage' 
    }); 
}); 

}); 
</script> 

내 웹 페이지가 표시되지 변화가 부분 또는 아닙니다. 왜 이런 일이 일어나는 지 누군가 설명해 주시면 고맙겠습니다.

Answer 1

를 설치하여 보석 파일

보석이 추가 문제가 될 수있다 자산 파이프 라인 매뉴얼 여기서 말한 내용을 토대로 다음과 같은 내용을 읽어야합니다.

1. application.js의 내용을 "주석 처리하지 말아야합니다. 그것들은 주석이 아니며 지시어입니다. http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives

2. assets/javascript 아래에 javascript 파일을 넣으면 javascript_include_tag를 사용할 필요가 없습니다. 거의 모든 javascript 파일을 자동으로 포함하는 레이아웃에서 < % = javascript_include_tag "application"%> 같은 것을 얻었을 가능성이 큽니다. http://guides.rubyonrails.org/asset_pipeline.html#asset-organization

3. 최신 브라우저는 페이지에로드 된 애셋을 검사하는 데 유용한 도구를 제공합니다. Chrome, Safari 및 Firefox에는 요청에 관련된 네트워크 트래픽을 보여주는 훌륭한 "검사 도구"가 있습니다. 브라우저에서 어떤 파일을 요청했는지 확인하려면 해당 파일을 찾아 보는 것이 좋습니다.

Answer 2

jquery ruby ​​gem을 다운로드 했습니까?

그렇지 않은 경우. 그

당신이 더 많은 시간 독서를 소비 할 필요가 같은 'JQuery와 레일'

그것을 저장

및 실행 번들이 정말 소리