jquery小さなエラー

Question

私は非常にjqueryとコードで新しいです、ここで私は、.mouseoutイベント内にするために、setTimeoutイベントを取得しようとしていますが、私はエディタで構文エラーを取得し続けるように、 。ここで私が持っているものです。

 
jQuery(document).ready(function() { 
    $('.slidedown').hide(); 
    $('.trigger').hover(function(){ // enter animation 

    $('.slidedown').stop(true,true).animate({ 
     height: ['toggle', 'swing'], 
     }, 600, function() { /* animation done */ }); 

    }, function(){ // leave animation 


$('.slidedown').mouseout() 
    setTimeout(function(){ 
     $('.slidedown').stop(true,true).animate({ 
     height: '0px', 
     }, 600, function() { /* animation done */ }); 
    }, 1000); 

    }); 
}); 

小さなニュアンスは、このコードではdiv要素の上にマウスを置いたユーザは、その後、別のdivは、それが滑り落ちる怒鳴ります。 .slidedown divにマウスを移動すると、マウスが削除されるまで開いたままにしておく必要があります。しかし、このコードは.triggerの後に.slidedownにマウスを乗せずに.triggerから別のページ領域にマウスを直接移動させると、.slidedown divを折りたたむでしょうか？私は、ある種の 'setTimeout'を必要とします。これは、ユーザが.trigger上にマウスを乗せた後にマウスを.slideownに移動しない場合にのみトリガされます。私は理にかなっていると思う。ご協力いただきありがとうございます！

Answer 1

この行は、それが

$('.slidedown').mouseout(YOUR_CALLBACK_FUNCTION) 

ことshoule問題

$('.slidedown').mouseout() 

であるあなたは、イベントハンドラとして機能し、そのイベントハンドラ内で使用すると、（のsetTimeoutを呼び出すことができるコールバック関数を渡す必要があります）あなたのやり方。

だから、正しいコードは、この

$('.slidedown').mouseout(function() { 
    setTimeout(function(){ 
     $('.slidedown').stop(true,true).animate({ 
      height: '0px', 
     }, 
     600, 
     function() { /* animation done */ } 
    ); // animate ends here 
    }, 1000); // setTimeout ends here 
}); // mouseout ends here 

Answer 2

おかげTJとArnab、この作品のようになります。

$(document).ready(function() { 
    $('.slidedown').hide(); 
    $('.trigger').hover(function(){ // enter animation 

    $('.slidedown').stop(true,true).animate({ 
     height: ['toggle', 'swing'], 
     }, 600, function() { /* animation done */ }); 

    }, function(){ // leave animation 

$('.slidedown').mouseout(function() { 
    setTimeout(function(){ 
     $('.slidedown').stop(true,true).animate({ 
      height: '0px', 
     }, 
     600, 
     function() { /* animation done */ } 
    ); // animate ends here 
    }, 1000); // setTimeout ends here 
}); // mouseout ends here 
    }); 
});

しかし、私は離れて、その後.triggerの上にマウスを移動について言及したが、他の事（スライダへの書き込みはできません）が機能しません。 。スライドは開いたままです。 :) :(私はマウスの1つの宛先のための '許可'ルールの種類を持っている.mouseoutイベントを取得することは非常に複雑だと思う。