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

linkLocation仅在$(document).ready()匿名函数中定义，因此您的redirectPage()函数不知道linkLocation的值是什么。你必须像这样使用它：

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

Answer 2

您的li元素实际上是否具有href属性？

您确定href属性不属于<a>元素，并且您使用this引用了错误的元素吗？

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

对我来说很奇怪？

jQuery淡出＆amp;淡入淡出不会重定向我

2 个答案: