如何通過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);
  });
});