Javascript 用于js.erb文件的ruby if语句

有谁能帮助我设置js.erb文件以涵盖两种情况

目前，当页面最初加载时，我有无限滚动工作，但当我更改参数时，新集合加载良好，但当我向下滚动页面以加载其余结果时，我只得到下一组6个对象来替换最后一个对象，而不是将它们附加到末尾

rehome.js.erb

$('.all_animals').append("<%= j render @animals %>");
 <% if @animals.next_page %>
  $('.pagination').replaceWith('<%= j will_paginate @animals %>');
 <% else %>
  $(window).off('scroll');
  $('.pagination').empty();
 <% end %>

因此，在页面加载时，我调用该函数

$(function(){
 infiniteScroll();
});

作为ajax成功的回调

success: function(data) {
     infiniteScroll();
   }

在进行ajax调用时，params:rehomed始终存在，因此我可以将单独的逻辑封装在

<% if params[:rehomed].present? %>

<% end %>

有人对处理我的rehome.js.erb文件中新加载的内容有什么想法吗

谢谢

更新

所以在页面加载时，我需要这个逻辑

$('.all_animals').append("<%= j render @animals %>");
 <% if @animals.next_page %>
  $('.pagination').replaceWith('<%= j will_paginate @animals %>');
 <% else %>
  $(window).off('scroll');
  $('.pagination').empty();
<% end %>

$（'.all_animals'）。追加（“”）；
$（'.pagination'）。替换为（''；
$（窗口）.off（'scroll'）；
$（'.pagination'）.empty（）；

当对我需要的收藏进行更新时

$('.all_animals').empty();
$('.all_animals').append("<%= j render @animals %>");

<% if @animals.next_page %>
 $('.pagination').replaceWith('<%= j will_paginate @animals %>');
<% else %>
 $(window).off('scroll');
 $('.pagination').empty();
<% end %>

$（'.all_animals'）.empty（）；
$（'.all_animals'）。附加（“”）；
$（'.pagination'）。替换为（''；
$（窗口）.off（'scroll'）；
$（'.pagination'）.empty（）；

---

如何将它们组合成一个语句是我试图解决的问题

如果有一个无限长的卷轴，为什么需要分页？我的意思是，什么是（

$（'.pagination'）.replaceWith（''）；

）的分页菜单？使用js变量知道这是第一个请求（页面加载或更新），并将上述代码与该变量一起使用。var firstLoad=true；成功：函数（数据）{firstLoad=false；infiniteScroll（）；}然后在js.erb if！（firstLoad）{$（'.all_animals'）.empty（）；}

$('.all_animals').empty();
$('.all_animals').append("<%= j render @animals %>");

<% if @animals.next_page %>
 $('.pagination').replaceWith('<%= j will_paginate @animals %>');
<% else %>
 $(window).off('scroll');
 $('.pagination').empty();
<% end %>