2010-12-22 3 views
2

Ich versuche, ein Overlay auf Blogartikeln anzuzeigen/auszublenden, wenn der Benutzer über die Artikel schwebt. Ich habe HoverIntent funktioniert wie es sollte, um das Ereignis bei mouseover zu verzögern, aber ich möchte, dass das MouseOut-Ereignis sofort wie es ohne HoverIntent passieren würde. Soweit ich das beurteilen kann, gibt es keine Möglichkeit, einen separaten Timout-Wert für die Over- und Out-Ereignisse festzulegen. Weiß jemand, wie man sie trennt, oder wie man HoverIntent nur verzögert, über das Ereignis?Verwenden von HoverIntent, um Mouseover zu verzögern, aber nicht mouseout

$(document).ready(function() {  
    $(".bg-overlay").hide(); 

    $(".bg-entry").hoverIntent({ 
     over: showSummary, 
     timeout: 650, 
     out: hideSummary 
    }); 
}); 

function showSummary(){ $(this).children(".bg-overlay").fadeIn("fast"); } 
function hideSummary(){ $(this).children(".bg-overlay").fadeOut("fast"); } 

Danke für Ihre Hilfe.

Antwort

3

Das Timeout ist die Verzögerung, bevor die Funktion aus aufgerufen wird - einfach setzen Sie ihn auf 0

Alternativ rufen hoverIntent als:

$(".bg-entry").hoverIntent(showSummary, hideSummary); 
+0

ich das völlig falsch verstanden. Vielen Dank! –