如何通过ajax引导分页加载模式内容而无需重新加载主页？

Question

我已经使用了引导模态，并将对模态内容分页进行分页。 但是每次我单击“下一个/上一个”按钮时，整个页面（包括主窗口）都会被加载

脚本行：

$("#ajax_process_page").html("<%= escape_javascript(render('/modal_file')) %>");

$(document).ready(function() {
$(document).on("click", ".pagination a", function() {
  $(".pagination").html("<img src='/images/feed-loader.gif' align='middle' />");
  $.getScript(this.href);
  });
});

html代码：

<div id="ajax_process_page">
      <% render "/modal_file" %>
    </div>

Answer 1

我们需要更多信息来帮助您，但是，我们可以尝试一些方法。 您好像在点击链接。 也许这就是为什么它不断重新加载。 如果是这种情况，您可以使用event.preventDefault（）对其进行修复，例如以下代码：

$(document).ready(function() {

  $(document).on("click", ".pagination a", function(event) {
    event.preventDefault();
    $(".pagination").html("<img src='/images/feed-loader.gif' align='middle' />");
    $.getScript(this.href);
  });
});