레일 카미나리 예제 무한 스크롤이 작동하지 않습니다.

이 예제를 사용하여 카미나리 레일 무한 스크롤을 구현하려고합니다. 다른 앱에서는 정상적으로 작동하지만이 앱에서는 작동하지 않습니다. Kaminari example 레일 카미나리 예제 무한 스크롤이 작동하지 않습니다.

우리 회사 컨트롤러

def index 
    @companies = Company.all.page(params[:page]).per(4) 
end

내 index.html.erb

<div class="posts"> 
<div class="page"> 
    <%= render @companies %> 
</div> 
</div> 
<%= paginate @companies %>

내 _company.html.erb

<div class="post"> 
<% company_decorator = CompanyDecorator.new(company)%> 
    <h4><%= company.name %> || 
      No. of operations: <%= company_decorator.number_of_operations %> || 
      Average Amount : <%= company_decorator.average_of_amount %> || 
      Highest of Month: <%= company_decorator.highest_of_month%> || 
      Accepted Operations: <%= company_decorator.accepted_operations%> 
    </h4> 
    <ul> 
     <% company.operations.each do |operation| %> 
      <li><%= operation.id%></li> 

     <%end%> 
    </ul> 
</div>

내 자산/자바 스크립트/companies.js . 커피

$(document).ready -> 
    $(".posts .page").infinitescroll 
    navSelector: "nav.pagination" 
    nextSelector: "nav.pagination a[rel=next]" 
    itemSelector: ".posts .post"

내 index.js.erb는

$(".posts").append("<div class='page'><%= escape_javascript(render(@companies)) %></div>");

나는 문제가 좀 도와 줘요 찾을 수 없습니다입니다. 이 동일한 코드는 내 다른 앱에서 작동합니다.

출처

2016-05-31 Adt

하는 것은 특히 의미 "작동하지 않는"무엇을 작동 들었어요? 오류가 있습니까? 그렇다면 질문에 오류 정보를 포함하십시오. Javascript 코드가 실행되고 있지 않습니까? 그렇다면 그 결정 방법을 설명하십시오. 브라우저 콘솔 메시지가 있습니까? 그렇다면 귀하의 질문에 그들을 포함하십시오. –

@MichaelGaskill 오류가 표시되지 않습니다. 플러그인이 작동하지 않아 정상적인 페이지 매김을 보여줍니다. – Adt

jQuery가 실행되었음을 확인 했습니까? .coffee 파일에'$ (document) .ready' 전에 콘솔 메시지를 놓고'$ (document) .ready' 안에'.infinitescroll' 호출 전에 넣으십시오. 콘솔에 표시되는지 확인하십시오. 'console.log ("here");'가 당신을 위해 작동하지 않는다면'alert ("here")'를 시도하십시오. 이것은 Javascript가 실행 중이고'$ (document) .ready'가 호출되었음을 확인합니다. Javascript 문제를 디버깅하는 첫 번째 단계입니다. –

이 페이지 매김 길이 재생 def index @companies = Company.all.page(params[:page]).per(25) end 보십시오 .. 가끔

출처

2016-05-31 19:14:29 b264

레일 카미나리 예제 무한 스크롤이 작동하지 않습니다.

답변

관련 문제