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)
    })

TRY DEMO

Jquery |键入时显示div

2 个答案: