Jquery |輸入時顯示一個div

請幫我完成當前的代碼。首先，我設法顯示，淡入和淡出div，但由於某種原因，它不停地來來去去！一旦我開始打字，我就會得到我想要的，但無論我做什麼，它都會重複淡入淡出。Jquery |輸入時顯示一個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'); 

}); 

});

來源

2012-06-22 ComeRun

你可以用html元素髮布更多的代碼嗎？ –

這是要顯示我的HTML DIV – ComeRun

– ComeRun

只需添加停止，停止所有先前的喧鬧......或者他們將排隊

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

來源

2012-06-22 00:57:52

你的意思是這樣的：。 $（ '＃DIV彈出'）停止（）淡入（200）.show（）延遲（2000）.fadeOut（1000） ; ?? 我做了，根本不顯示div。停止工作 – ComeRun

必須有一種方法來阻止這種遞歸！ – ComeRun

這裏是另一個建議...使用超時辦呢...

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

TRY DEMO

來源

2012-06-22 07:01:49

Jquery |輸入時顯示一個div

回答

相關問題