Ajax sẽ không cho phép kiểu liên kết hiện tại css hoạt động đúng cách

Question

Đây là tệp ajax có vấn đề của tôi. Vui lòng tham khảo câu hỏi css ban đầu của tôi tại đây: .Current link styling on CSS only works on the 1st page and doesn't transfer to the other

Làm cách nào để khắc phục mã Ajax này để bắt đầu cho phép tôi áp dụng kiểu dáng liên kết hiện tại của mình cho trang hiện tại thực tế?

$("a.ajax-link").live("click", function(){ 
$this = $(this); 
var link = $this.attr('href'); 
var current_url = $(location).attr('href'); 

if(link != current_url && link != '#') { 
    $.ajax({ 
     url:link, 
     processData:true, 
     dataType:'html', 
     success:function(data){ 
      document.title = $(data).filter('title').text(); 
      current_url = link; 
      if (typeof history.pushState != 'undefined') 
       history.pushState(data, 'Page', link); 

      setTimeout(function(){      
       $('#preloader').delay(50).fadeIn(600); 
       $('html, body').delay(1000).animate({ scrollTop: 0 },1000);      

       setTimeout(function(){ 

        $('#ajax-content').html($(data).filter('#ajax-content').html()); 
        $('#ajax-sidebar').html($(data).filter('#ajax-sidebar').html()); 

        $('body').waitForImages({ 
         finished: function() { 
          Website(); 
          backLoading(); 
          $('.opacity-nav').delay(50).fadeOut(600); 
         },          
         waitForAll: true 
        });        
       },1000); 
      },0); 
     } 
    }); 
} 
return false; 
}); 

Answer 1

Tôi tin rằng bạn chỉ cần loại bỏ các lớp current từ trước <li class = "current"> và cần phải áp dụng nó cho mẹ <li> thẻ hiện <a> thẻ của.

Điều này có thể được thực hiện theo cách sau:

$("a.ajax-link").live("click", function(){ 
    $this = $(this); 
    var link = $this.attr('href'); 
    var current_url = $(location).attr('href'); 

    if(link != current_url && link != '#') { 
     $.ajax({ 
      url:link, 
      processData:true, 
      dataType:'html', 
      success:function(data){ 

       //code to apply current class to current li 

       if($this.parent("div.logo").length == 0){ 
        $("li.current").removeClass("current"); 
        $this.parent("li").addClass("current"); 
       } 
       //code ends here 

       document.title = $(data).filter('title').text(); 
       current_url = link; 
       if (typeof history.pushState != 'undefined') 
        history.pushState(data, 'Page', link); 

       setTimeout(function(){      
        $('#preloader').delay(50).fadeIn(600); 
        $('html, body').delay(1000).animate({ scrollTop: 0 },1000);      

        setTimeout(function(){ 

         $('#ajax-content').html($(data).filter('#ajax-content').html()); 
         $('#ajax-sidebar').html($(data).filter('#ajax-sidebar').html()); 

         $('body').waitForImages({ 
          finished: function() { 
           Website(); 
           backLoading(); 
           $('.opacity-nav').delay(50).fadeOut(600); 
          },          
          waitForAll: true 
         });        
        },1000); 
       },0); 
      } 
     }); 
    } 
    return false; 
});