Javascript 使用AJAX将元素预先添加到ul-修订版

我有一个固定大小的div，里面有n个元素的无序列表（

）

当用户向上滚动到列表中的第一个元素时，AJAX请求转到服务器以请求更多元素。服务器用js响应，js有n行

$('.entries').prepend('<li class="entry">some text</li>');

返回的js

$（'.entries'）。前置（'
一些文本）

这是一张显示发生了什么的图片

，与我的页面上的内容相同，但不同的是，当用户滚动到顶部时，这里执行的js是来自ajax请求的响应

顺便说一下，在rails应用程序中


生成周围有空格的文本（总是相同的数量）（我尝试了entry.text.strip）

当相同的代码不是在html视图中执行，而是在发送回js文件之前在js文件中执行时，就没有空格了

$（'.entries'）.prepend（'
）

\u entry.html.erb

$(document).ready(function() {
  $(".entries").scrollTop($(".entries")[0].scrollHeight);
  return $(".entries").scroll(function() {
    var top;
    top = $(".entries").scrollTop();
    if (top < 0.05) {
      return $.getScript($('.pagination .next_page').attr('href'));
    }
  });
});



JS与AJAX请求

$（文档）.ready（函数（）{
$（“.entries”）.scrollTop（$（“.entries”）[0].scrollHeight）；
返回$（“.entries”）.scroll（函数（）{
var-top；
top=$（“.entries”）.scrollTop（）；
如果（顶部<0.05）{
返回$.getScript（$（'.pagination.next_page'）.attr（'href'）；
}
});
});
您是否在使用任何UI框架？只是认为他们可能需要被告知新的内容来标记
li
。我不确定如果fiddle正在做您期望它做的事情，还有什么问题。我只使用jquery、bootstrap，但这里不使用。Fiddle没有使用AJAX请求，也许这就是问题所在。请展示更多的jQuery代码，例如AJAX调用及其功能。我已经使用AJAX请求添加了JS。我仍然不确定，是否将完整内容添加到Fiddle中，因为它是一个脚本，跨源请求无关紧要。
<%= entry.text %>
<%= entry.date %>

$(document).ready(function() {
  $(".entries").scrollTop($(".entries")[0].scrollHeight);
  return $(".entries").scroll(function() {
    var top;
    top = $(".entries").scrollTop();
    if (top < 0.05) {
      return $.getScript($('.pagination .next_page').attr('href'));
    }
  });
});