0

我正在尝试为我的页面实现无尽的页面设置。这两天我一直在尝试很多不同的方法，但似乎无法让它发挥作用。我喜欢这篇博文中建议的设置，但我似乎无法让它工作： http: //pedromtavares.wordpress.com/2011/05/08/endless-page-scrolling-with-rails-3-and- jQuery/

我也尝试了 Ryan Bates 截屏视频，但没能实现...

我尝试了以下方法：

已安装的插件

rails plugin install git://github.com/pedromtavares/endless_scroll_example.git

修改了我的控制器主页：

def index

last = params[:last].blank? ? Time.now + 1.second : Time.parse(params[:last])
@feeds = Feed.input(last)

end

用新方法'input'修改了我的“Feed-model”：

def self.input(last)
   self.where("created_at < ? ", last).order('created_at desc').limit(5)
end

修改了我的索引

<% content_for :scripts do %>
  <%= javascript_include_tag 'endless' %>
<% end %>


<%unless @feeds.blank?%>
<ul class='list' last="<%=@feeds.to_a.last.created_at%>">
<%= render :partial => 'feeds', :collection => @feeds%>

<div id='infinite-scroll'></div>
</ul>
<%end%>

我的部分 _feeds.html.erb 看起来像这样（只是填写文本:)：

<%=feeds.title%>
jfjh
</p>
<p>
    jfjh
    </p>
    <p>
        jfjh
        </p>
        <p>
            jfjh
            </p>
            <p>
                jfjh
                </p>

                 <br>
<hr>

添加了我的新 javascript (endless.js) 由 pedromtavares 提供

$('ul').endlessScroll({
  fireOnce: true,
  fireDelay: 500,
    ceaseFire: function(){
      return $('#infinite-scroll').length ? false : true;
    },
    callback: function(){
      $.ajax({
          url: '/home',
          data: {
              last: $(this).attr('last')
          },
          dataType: 'script'
        });
    }
});

我的最终 javascript 文件如下所示：

<% unless @feeds.blank? %>
    $('.endless_scroll_inner_wrap').append("<%=escape_javascript(render :partial => 'feeds', :collection => @feeds)%>");
    $('ul').attr('last', '<%=@feeds.to_a.last.created_at%>')
<% else %>
    $('#infinite-scroll').detach();
<% end %>

我没有收到任何错误，但也没有无限滚动。我从数组中获得了第一个帖子，但没有其他帖子。无法弄清楚我做错了什么，感觉就像我现在已经尝试了一切......请帮助！

4

1 回答 1

1

我自己也有类似的问题。我的问题是我在我的 javascript 中的追加找不到正确的 div。可能对你有用 -

在您的 javascript 文件中，更改：

    $('.endless_scroll_inner_wrap').append...

至：

    $('#infinite-scroll').append...

看看是否可以解决它。

于 2013-04-11T07:27:44.840 回答