Question

所以我对编码很陌生，但我设法为LP编写了这个jquery动画集，我试图用这个hand来摆动客户端，从一边到另一边摆动，当他点击手时，div消失（永远。）

由于我的旋转试验没有成功，我现在只使用了淡入/淡出。

我希望它在其他div消失后正常工作。我认为它必须与setInterval()做一些事情，所以我也搜索了一下但没有成功。你能告诉我如何添加会使手摆动/旋转然后点击后消失的代码吗？

非常感谢你们。

我的HTML

    <div class="box">
        <div class="row headsup">
            <h1>This is a page</h1>
            <p>Press F11 For FullScreen</p>
            <button id="closer" style="margin-bottom: 0px;" type="submit" class="">press here to close this window</button>
        </div>
    </div>
    <div class="row headsup">
        <h1 class="wiggle">Just Wiggle It Around</h1>
</div>
    <div class="mc"><img style="" src="img/cursurredhand100x100.png"></div>

我的Javascript

$("#closer").click(function(){
    $(".box").delay(300).hide("slow", function (){
        $(".howto").css({
            display:'block',
            'z-index': '100'
    });
    });
    $(".wiggle").delay(2500).hide("slow");


$(".howto").click(function(){
   $(".howto").slideToggle( "slow", function() {
       $("#LG").fadeIn();

   });
});

});
function fadeIn() {
    jQuery(".mc").fadeIn(900);
    fadeOut();
}

function fadeOut() {
    jQuery(".mc").fadeOut(400);
    fadeIn();


}

fadeOut();

Answer 1

我不明白你想要做什么，但似乎你有一个无限循环问题，因为在你的fadeIn函数中你调用fadeOut，它再次调用fadeIn。另外，如果您打算在fadeOut之后执行fadeIn，反之亦然，则必须将它放在回调函数中，因为在jquery中执行不是顺序执行。

你必须写$(".mc").fadeOut(400, function(){$(".mc").fadeIn(900)})

Jquery动画集未正确执行

1 个答案: