Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
停止jQuery.animate delay-但是.queue会删除所有延迟_Jquery_Jquery Animate_Delay - Fatal编程技术网

停止jQuery.animate delay-但是.queue会删除所有延迟

停止jQuery.animate delay-但是.queue会删除所有延迟,jquery,jquery-animate,delay,Jquery,Jquery Animate,Delay,我想在窗口的右下角放置一个div容器。此div应仅在滚动时可见,此外,它应有几秒钟的延迟。这很好,但我也不想有一个关闭按钮。问题是,关闭按钮也有延迟,但它不应该有延迟 我已经读到我必须使用jquery.queue(),但它会删除所有延迟。由于我是JS新手,我不知道如何正确地实现它。我尝试了所有的可能性,但没有一个对我有效。也许有人能帮我。谢谢 $(document).ready(function() { /* Every time the window is scrolled

我想在窗口的右下角放置一个div容器。此div应仅在滚动时可见,此外,它应有几秒钟的延迟。这很好,但我也不想有一个关闭按钮。问题是,关闭按钮也有延迟,但它不应该有延迟

我已经读到我必须使用jquery.queue(),但它会删除所有延迟。由于我是JS新手,我不知道如何正确地实现它。我尝试了所有的可能性,但没有一个对我有效。也许有人能帮我。谢谢

    $(document).ready(function() {

    /* Every time the window is scrolled ... */
    $(window).scroll( function(){

        /* Check the location of each desired element */
        $('.quick-contact').each( function(i){

            var bottom_of_object = $(this).offset().top + $(this).outerHeight();
            var bottom_of_window = $(window).scrollTop() + $(window).height();

            /* If the object is completely visible in the window, fade it it */
            if( bottom_of_window > bottom_of_object ){


                $(this).delay( 1000 ).animate({'opacity':'1'},500);
                $(this).animate({'bottom':'0px'},500);
            }

        }); 

    });

});
$(document).ready(function(c) {
    $('.alert-close').on('click', function(c){
        $('.quick-contact').fadeOut('fast', function(c){
            $('.quick-contact').remove();
        });
    }); 
});

您只为一个
$('.quick contact')

我添加了一个变量
active=1
,用于设置检查动画

请试一试,没问题

$(文档).ready(函数(){
var-active=1;
/*每次滚动窗口时*/
$(窗口)。滚动(函数(){
/*检查每个所需元件的位置*/
$('.quick contact')。每个(功能(i){
变量bottom\u of_object=$(this.offset().top+$(this.outerHeight();
var bottom_of_window=$(window.scrollTop()+$(window.height());
/*如果对象在窗口中完全可见,请将其淡入淡出*/
if(窗口的底部\u>对象的底部\u&&active==1){
$(this).delay(1000).animate({'opacity':'1'},500);
$(this.animate({'bottom':'0px'},500);
活动=0;
}
}); 
});
});
$(文档).ready(函数c){
$('.alert close')。打开('click',函数(c){
$('.quick contact')。淡出('fast',函数(c){
$('.quick contact').remove();
});
});	
});
.wrapper
{
宽度:100%;
高度:1500px;
位置:相对位置;
}
.快速联系
{
宽度:300px;
高度:200px;
位置:固定;
底部:200px;
右:0px;
填充:0px;
背景:#f6f6f6;
颜色:#333333;
不透明度:0;
z指数:99;
}
.警报关闭
{
颜色:红色;
光标:指针;
}

我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字是:我的名字

哦,非常好-这对我来说非常适合!我现在明白问题是什么了。每个函数都在那里,因为我已经从需要这个函数的其他脚本复制了部分脚本,我没有意识到它在这里是不必要的。你能告诉我应该写什么而不是“每个”吗?非常感谢你!