2016-05-31 52 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 与分页长打。我听说过,有时工作