0

我在 Ryan Bates 无尽分页教程之后遇到了问题：http ://railscasts.com/episodes/114-endless-page-revised

我的咖啡脚本可以正常获取结果，但是我的 index.js.erb 代码（实际更新 DOM 的代码）不起作用 - DOM 中没有任何更新，也没有任何 JS 错误。

这是代码：

<% @images.each do |image_url| -%>
      $('.thumbnails').append('<%= render :partial => "/images/partials/thumbnail", :locals => { :image_url => image_url } %>');
<% end -%>

以下是日志：

  Rendered images/partials/_thumbnail.html.erb (0.1ms)
  Rendered images/partials/_thumbnail.html.erb (0.1ms)
  Rendered images/partials/_thumbnail.html.erb (0.1ms)
  Rendered images/partials/_thumbnail.html.erb (0.1ms)

看起来页面上实际上没有呈现任何内容，任何人都可以看到为什么会发生这种情况吗？

谢谢！

编辑

_thumbnail.html.erb

  <div class="thumbnail">
    <a href="<%= image_url %>" class="grouped_elements">
      <img data-src="holder.js/160x120" src="<%= image_url %>">
    </a>
  </div>
4

2 回答 2

0

我想通了，问题是我没有转义 JavaScript

解决方案是改变：

$('.thumbnails').append('<%= render :partial => "/images/partials/thumbnail", :locals => { :image_url => image_url } %>');

至

$('.thumbnails').append('<%= j render :partial => "/images/partials/thumbnail", :locals => { :image_url => image_url } %>');

注意渲染前的“j”——一旦我添加了这个，它就起作用了。

于 2013-06-07T13:41:33.263 回答
0

当时我正在尝试无休止的分页，我发现 kaminari gem 的 wiki 有无休止的分页，让我的工作变得轻松......

检查这个链接，我很确定你会解决这个问题。

Kaminari+jquery+ajax(无限分页)

于 2013-06-05T17:32:32.460 回答