如果单击链接，则自动刷新页面

Question

我有一个代码，但只有一页。我想为所有链接做这件事。

$('.row').on("click",".nav_link",function(e){ 
  e.preventDefault(); // cancel click
  var page = $(this).attr('href');   
  $('.row').load(page);
});

Answer 1

使用Ajax加载页面。你可以这样做：

$(function(){
  $(".nav_link").click(function(e){
    e.preventDefault();

    var url = $(this).attr("href");
    var ajx = $.ajax({
      url: url
    }); 

    ajx.done(function(d){
      $(".row").html(d);
    });
 });
});

HTML：

<a href="https://fiddle.jshell.net" class="nav_link">Click Me</a>
<div class="row"></div>

Fiddle