如何在不重新加载主页的情况下通过 ajax bootstrap 分页加载模态内容？

Question

我已经使用了 bootstrap 模态，并将对模态内容分页进行分页。但是每次我点击 next/prev 按钮时，整个页面（包括主要 window）都会被加载

脚本行：

$("#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

我们需要更多信息来帮助您，但是，我们可以尝试一些方法。看起来您正在单击 link。也许这就是它不断重新加载的原因。如果是这种情况，您可以使用 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);
  });
});

如何在不重新加载主页的情况下通过 ajax bootstrap 分页加载模态内容？

How to load modal content via ajax bootstrap pagination without reloading main page?

javascript

ajax

will-paginate

ruby-on-rails-4