2016-05-31 37 views
1

我正在嘗試使用此示例實現kaminari rails無限滾動。 它在我的其他應用程序工作正常,但不適用於此應用程序。 Kaminari exampleRails Kaminari示例無限滾動不起作用

我公司控制器

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> 

我的資產/ JavaScript的/ companies.js .coffee

$(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>"); 

我無法找到問題,請幫助我。這個相同的代碼在我的其他應用程序中工作。

+0

什麼是「不工作」的意思,特別是?有錯誤嗎?如果是這樣,請在您的問題中包含錯誤信息。 Javascript代碼沒有運行?如果是這樣,請描述你如何確定這一點。有瀏覽器控制檯消息嗎?如果是這樣,請將它們包含在您的問題中。 –

+0

@MichaelGaskill它沒有顯示任何錯誤。插件無法正常工作並顯示正常分頁。 – Adt

+0

你確定jQuery運行嗎?在.coffee文件的'$(document).ready'前放置一個控制檯消息,然後在'$(document).ready'內部放置一個控制檯消息,但在'.infinitescroll'調用之前。看看他們是否顯示到控制檯。如果'console.log(「here」);'不適合你,請嘗試'alert(「here」)''。這將確認Javascript正在執行,並調用$(document).ready'。這是調試Javascript問題的第一步。 –

回答

1

嘗試 def index @companies = Company.all.page(params[:page]).per(25) end 與分頁長打。我聽說過,有時工作