jquery基于rails的调用进行追加或替换?

我已经关注了几个railscast,目前有一个使用will_page的无休止页面的产品列表。我想实现railscast#240,在结果中添加实时搜索,但似乎存在一些逻辑冲突,我不知道如何纠正。

简单地说,index.js.erb中的无尽页面需要使用append在当前产品列表下添加更多产品:

$('#products')。 追加 ('<%=j渲染(@产品)%>');

然而,实时搜索实现需要用搜索结果中的新产品替换当前的产品列表:

$('#products')。 html格式 ('<%=j渲染(@产品)%>');

这是整个区块:

    $('#products').html('<%= j render(@products) %>');  // live search
    $('#products').append('<%= j render(@products) %>'); // endless page
    <% if @products.next_page %>
        $('.pagination').replaceWith('<%= j will_paginate(@products) %>');
    <% else %>
        $('.pagination').remove();
    <% end %>

html()和append(。

我如何设置它,以便如果用户在搜索框中输入,它会触发html(),如果用户在滚动,它会引发append()?有没有办法确定是哪个事件触发了index.js.erb调用?