在进入网站的第一个真实页面之前,使用jQuery来淡入/淡出页面(不是我的想法)

Question

我正在建立一个网站的最后阵痛,客户想要一个启动页面.我不是要问为什么,我的是获得报酬和飞行......

所以,这是我正在寻找的事件序列:

启动Splash页面.徽标淡入.使用点击进入.徽标淡出.网站的第一个"真实"页面打开.

我有前三个活动,第四个.在打开第一个真实页面之前,它会让徽标淡出.

这是我得到的:

<div class="logo_container link" data="commercials.php">
<img src="images/logo_intro.jpg" alt="intro" />
</div>

<script type="text/javascript">

$(function() {

    $('.logo_container').hide();

    $('.logo_container').fadeIn(1000);

   $(".link").click(function(e) {
        $('.logo_container').fadeOut(1000);
        window.location = $(this).attr("data");
    });
});

</script>

</div>

但我没有得到fadeOut.它只是跳转到window.location中调用的属性,即commercials.php.

Answer 1

你必须window.location在你的回调方法中使用,如下所示:

$(".link").click(function(e) {
        $('.logo_container').fadeOut(1000, function(){
           window.location = $(this).attr("data");
        }); 
});

否则window.location将在淡出事件的同时被调用