jquery - jQuery | 键入时显示 div

Question

你能帮我完成我当前的代码吗？首先，我设法显示、淡入和淡出 div，但由于某种原因，它一直来来去去！一旦我开始打字，我就会得到我想要的东西，但不管我做什么，它都会重复淡入淡出。

其次，我想让 div 显示在我的文本区域旁边，并具有不错的 css 格式。

这是我的脚本：

$(function() {
var moveLeft = -200;
var moveDown = -210;
  $("#quickSMScustomMessage").keyup(
function(){

  $('div#pop-up').fadeIn(200).show().delay(2000).fadeOut(1000);
  //.css('top', e.pageY + moveDown)
  //.css('left', e.pageX + moveLeft)
  //.appendTo('body');

});

});

Answer 1

只需添加停止以停止所有以前的动画......否则他们将排队

$('div#pop-up').stop().fadeIn()...

Answer 2

这是另一个建议......使用超时来做到这一点......

    var timer;    
    $('#type').keyup(function(){
        clearTimeout(timer);
        $('#typeHelper').stop().fadeIn(200);
        timer = setTimeout(function(){
            $('#typeHelper').fadeOut(1000)            
        },2000)
    })

试用演示