Перейдите HREF, когда анимация заканчивается

Question

Так я пытаюсь сделать раздел затухать до следующей ссылки, как так

<a class="fadelink" href="path/to/file">Hello</a> 

<script type="text/javascript"> 
     $("a.fadelink").click(function(e){ 
      e.preventDefault();   
      $("#content").fadeTo(400,0,function(){ 
       window.location.href = $(this).attr("href"); 

      }); 
     }); 
    </script> 

Проблема заключается в том, JQuery продолжает возвращаться мне с «неопределенным» и 404 в перенаправлении.

Answer 1

Ваш $(this) в $(this).attr("href") указывает на $("#content"), который неправильно. Переместить его в нужном объеме:

$("a.fadelink").on("click", function(evt) { 

    evt.preventDefault(); 

    var goTo = $(this).attr("href");   // get href value of `this` anchor 

    $("#content").fadeTo(400, 0, function() { 
     window.location = goTo;    // Now you can use it 
    }); 

}); 

Answer 2

Вы имеете в виду ту this. На якоре присутствует атрибут href, а не элемент #content.

$("a.fadelink").click(function(e){ 
    e.preventDefault(); 
    var that = this; 
    $("#content").fadeTo(400,0,function(){ 
     window.location.href = $(that).attr("href"); 

    }); 
});