Setzen Sie Timeout in Hover-Funktion

Question

Ich habe Inhalt, der dynamisch geladen wird. Dieser Inhalt muss aufgrund seiner Dynamik auf folgende Weise aufgerufen werden.

Dies funktioniert einwandfrei, wenn kein setTimeout verwendet wird. Gibt es eine Möglichkeit, in diesem Fall eine Zeitüberschreitung von 0,25 Sekunden einzustellen?

Fiddle https://jsfiddle.net/vuezt9dh/

Works

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

Funktioniert nicht

$(".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

Ihre Ausrichtung nicht korrekt ist, ich das überhaupt funktioniert überrascht bin (habe nicht in meinen Tests)

Demo https://jsfiddle.net/vuezt9dh/2/

Sollte sein:

$(".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'); 

Ihre wrapper und main-page um die falsche Art und Weise waren.