Question

我一直在阅读关于SO的一些帖子，看看其他人是如何处理这个并且我正在使用的实现几乎存在但是在第三个链接请求后失败，会发生什么是重新加载页面而不是激活ajax请求。我也删除了Turbolinks，但这并没有什么不同。

这是我的设置，我认为js在某处失败了，因为我的jQuery并不那么强大，我希望有人可以提供帮助

Index.html.erb

<div class="facebook_ajax">
  <%= render 'shared/posts' %>
</div>

共享/ _posts.html.erb

<% @posts.each do |p| %>
<article class="post">
<%= image_tag('/assets/vandals_fb_profile.jpg') %>
<%= link_to 'Varsity Vandals', "https://www.facebook.com/VarsityVandals", target: 'blank' %>
<%= date_output(p.created_time) %>
  <figure>
    <% if p.large_image_url? %>
      <%= image_tag(p.large_image_url) %>
    <% end %>

    <% if p.video_url? %>
      <%= raw youtube_embed(p.video_url) %>
    <% end %>
  </figure>
  <p><%= p.message.gsub("\n", "<br>").html_safe %></p>
    <% if p.description? %>
      <p><%= p.description %></p>
    <% end %>
    <%= link_to 'Read More', p.link %>
</article>
<hr/>
<% end %>
<%= will_paginate @posts, previous_label: '',  next_label: '', page_links: false %>

index.js.erb的的

$('.facebook_ajax').html("<%= escape_javascript(render("shared/posts"))%>")

的jQuery

<script>
      $(document).ready(function () {
        $(".facebook_ajax .pagination a").on("click", function(){
          $.getScript(this.href);
          return false;
        });
      });
    </script>

因此，当第一次点击下一个链接ajax请求完成时，但在第三次点击页面重新加载并且网址更改为

?_=1399027258398&page=3

有谁知道如何打击这个

由于

Answer 1

以为我会回答这个问题，也许它可以帮助其他人，我不得不将事件委托给一直存在的DOM元素，所以使用了body标签，例如

$(document).ready(function () {
        $("body").on("click", '.facebook_ajax .pagination a', function(e){
          e.preventDefault();
          $.getScript(this.href);
          return false;
        });
      });

我的理解是，一旦第一次点击，你就会失去聚集的原始href集合

良好的链接Here

使用will_paginate Rails 4进行Ajax请求

1 个答案: