ホバー機能内でタイムアウトを設定する

Question

私は動的に読み込まれるコンテンツを持っています。このコンテンツは、動的な性質のため、次のように呼び出す必要があります。

setTimeoutを使用しない場合は、これは完全に機能します。このインスタンスでは0.25秒のタイムアウトを設定する方法はありますか？

Fiddle https://jsfiddle.net/vuezt9dh/

作品

$(".wrapper").on({ 
    mouseenter: function() { 
    $(this).find('.show-me').slideDown(150); 
    }, 
    mouseleave: function() { 
    $(this).find('.show-me').slideUp(0); 
    } 
}, '.main-page'); 

はあなたのターゲティングが不正確である

$(".wrapper").on({ 
    mouseenter: function() { 
    var $this = $(this); 
    setTimeout(function() { 
     $this.find('.show-me').slideDown(150); 
    }, 250); 
    }, 
    mouseleave: function() { 
    $(this).find('.show-me').slideUp(0); 
    } 
}, '.main-page'); 

Answer 1

、私はこれがすべてで働いて驚いています動作しません（私のテストではなかった）

デモhttps://jsfiddle.net/vuezt9dh/2/

は次のようになります。

$(".main-page").on({ 
    mouseenter: function() { 
    var $this = $(this); 
    setTimeout(function() { 
     $this.find('.show-me').slideDown(150); 
    }, 550); 
    }, 
    mouseleave: function() { 
    $(this).find('.show-me').slideUp(0); 
    } 
}, '.wrapper'); 

あなたwrapperとmain-page周りに間違った方法でした。