こんにちは皆さん私の問題で私を助けてくれることを願っています。私はセールス カテゴリで CRUD を構築しています。
シナリオは次のとおりです。
ユーザーが特定の行にカーソルを合わせると、そのコメントとコメント ボックスが下に表示されます。
そして、ユーザーはその特定の行にコメントを入力できます。
私の問題は、他のコメントを指しているマウスを誤って下に置いた場合です。そのため、ユーザーがその行でマウスを 3 秒以上ホバーすると、その行のコメントが表示されるタイマーを作成しました。
$(関数(){
var counter = 0; var myInterval = null; $(".hover_comment").hover(function(e){ //this is the first hover with an ID counter = 0; myInterval = setInterval(function(){ ++counter; console.log(counter); }, 1000); var salesid = $(this).find('span').text(); //SET IT TO VARIABLE $(".comment_boxes").hide(); setTimeout(function(){$(".comment_box_"+salesid).fadeIn()}); $('#txt_id').val(salesid); //SHOW THE COMMENT FORM $(this).find(".tempid").val(); $("#comment_add") .show(); },function(e){ //HERE'S THE FUNCTION WHEN I MOUSEOUT //CALL AGAIN var salesid = $(this).find('span').text(); $(".comment_boxes").hide(); setTimeout(function(){$(".comment_box_"+salesid).fadeIn()}); $('#txt_id').val(salesid); $(this).find(".tempid").val(); $("#comment_add") .show(); clearInterval(myInterval); if(counter > 3){ //IF TIMER REACHED GREATER THAN TO 3 SECONDS THE ID SHOULD BE PLACE IN A VARIABLE AND DISPLAY ITS CONTENTS //alert(salesid); var thisid = salesid; $(".comment_boxes").hide(); setTimeout(function(){$(".comment_box_"+thisid).fadeIn()}); $('#txt_id').val(salesid); $(this).find(".tempid").val(); $("#comment_add") .show(); }else{ //IF NOT CONTINUE TO HOVER } });
});
それが私のコードです。あなたが私を助けてくれることを願っています。