Question

我尝试使用jQuery动画将此图像淡入其下方的图像，然后在淡入淡出后大约2秒加载网页。如何设置第二个函数的加载计时器？这是我的代码：

<html>                                                          
<head>                                                                  
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
.fade
{
z-index:1;}
.abs
{position:absolute;
    z-index: 10;}
</style>
</head>
<body>
    <div id="fadephoto">

    <div id="f4d" class="abs">
    <img  src="1.jpg" >

    </div>
<div class="fade">  <img src="4.jpg" /></div>
</div>

</body>  

<script>
{var fadeClicked = false;}
$("#f4d").click(function () {
$(this).fadeTo(2000, 0.01)
fadeClicked = true;
});

$('#fadephoto').click(function()
{
    if (fadeClicked)
    {
        window.location.href = ('http://www.ifdvidfji.com');
    }
});

</script>

Answer 1

您可以使用settimeout。因为您不想重复代码，所以可以在手动旁路上触发点击事件。

http://jsfiddle.net/3nKDD/

$("#f4d").click(function() {
    $(this).fadeTo(2000, 0.01)
    fadeClicked = true;
    setTimeout(function() { $('#fadephoto').trigger('click'); }, 2200);
});

虽然我会重构您的javascript，因为现在点击会触发两个处理程序，我认为您只希望它触发其中一个。

http://jsfiddle.net/3nKDD/2/

延迟加载第二功能

1 个答案: