Question

布拉德在这里，我是一个jQuery新手。我搜遍了谷歌，W3Schools和StackOverflow。找不到足够解决我问题的解决方案。

继承问题，

$("#picbox.maria").mousedown(function(){
    $("#picbox.maria").animate({
        width:"120px",
        right:"187px",
    });
$(".mariaP").fadeIn('fast');`

基本上会发生什么，<div>完美地动画，但段落过早消失，造成奇怪的效果。

我知道我应该使用回调，但我找不到写出来的方法。这是一个学校项目，但我的老师不知道jQuery：P

您可以在http://alternativeenergyhome.us（关于我们＆gt;我们的团队）查看正在处理的网站

感谢您提供任何建议/信息！

Answer 1

看到这里我刚刚添加了一个匿名（为你）参数400，基本上可以让你决定动画的速度，默认情况下是400，你可以根据你的要求进行调整。

你可以使用像

这样的回调

$("#picbox.maria").mousedown(function(){
    $("#picbox.maria").animate({
        width:"120px",
        right:"187px",
    },400,function(){ $(".mariaP").fadeIn('fast');  });

Answer 2

你可以这样做：

$("#picbox.maria").mousedown(function(){
    $(this).animate({
        width:"120px",
        right:"187px",
    }, 0, function() { 
        $(".mariaP").fadeIn('fast');
    });
});

或更好地使用complete：

$("#picbox.maria").mousedown(function(){ 
    $(this).animate({
        width:"120px",
        right:"187px"
    },
    {
        duration: 0,
        complete: function(){
            $(".mariaP").fadeIn('fast');`
        }
    });
});

此外，由于您已在#picbox.maria事件中定位mousedown。您只需对$(this)函数使用animate()。

jQuery动画div，淡入段落（回调）

2 个答案: