JQuery исчезают и исчезают, не перенаправить меня

Question

Я использую этот скрипт jquery для постепенного исчезновения и постепенного появления страниц,

<script type="text/javascript">
$(document).ready(function() {
    $("body").css("display", "none");
    $("body").fadeIn(1000);

    $("li").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(1000, redirectPage);
    });

    function redirectPage() {
        window.location = linkLocation;
    }
});
</script>

часть затухания работает хорошо, однако, fadeIn - нет. Если быть точным, страница исчезает, затем происходит переход на вторую страницу, но она не перенаправляет меня на место ссылки, а на «неопределенное».

Навигация в PHP, который выдает

<ul> list with <li>.

Какие-нибудь советы? :)

Answer 1

Ваш элемент li действительно имеет атрибут href?

Вы уверены, что атрибут href не принадлежит элементу <a>, и что вы ссылаетесь на неправильный элемент с this?

<li id="mylist" href="http://google.com"></li>

Выглядит странно для меня?

Answer 2

linkLocation определяется только внутри анонимной функции $(document).ready(), поэтому ваша функция redirectPage() не знает, каково значение linkLocation.Вы должны использовать это так:

$("body").fadeOut(1000, function() {
  window.location = linkLocation;
});