更改网址并显示ajax内容

Question

$(function(){
  $("a[rel='tab']").click(function(e){

    //get the link location that was clicked
    pageurl = $(this).attr('href');
    $("#Content").fadeOut(800);

    setTimeout(function(){
      $.ajax({url:pageurl+'?rel=tab',success: function(data){

        $("#Content").fadeIn(900);  
        $('#Content').html(data);

      }});
    }, 900);
    //to get the ajax content and display in div with id 'content'

    //to change the browser URL to 'pageurl'
    if(pageurl!=window.location){
      window.history.pushState({path:pageurl},'',pageurl);  
    }

    return false;  
  });

});

我想通过更改url的ajax更改内容，我使用上面的代码，但它使网站非常慢。当我点击网站上的任何页面时，如何快速完成？

由于

Answer 1

fadeIn()/fadeOut()/setTimeout()延迟会减慢速度。减少或删除它们。

$(function(){
  $("a[rel='tab']").click(function(e){

    //get the link location that was clicked
    pageurl = $(this).attr('href');
    $("#Content").fadeOut(50);

    $.ajax({url:pageurl+'?rel=tab',success: function(data){

      $('#Content').html(data);
      $("#Content").fadeIn(25);  

    }});

    //to get the ajax content and display in div with id 'content'

    //to change the browser URL to 'pageurl'
    if(pageurl!=window.location){
      window.history.pushState({path:pageurl},'',pageurl);  
    }

    return false;  
  });

});