webForumDet fria alternativet

Begränsa antalet script executions vid mouseover.

1 svar · 430 visningar · startad av Lawyer

LawyerMedlem sedan okt. 200963 inlägg
#1

Hej alla,

Jag använder följande script för att få min dropdown menu att glida ner mjukt:

$(document).ready(function(){
	$(function() {
      $("ul.menu").find("ul").addClass("hidden");
      $("ul.menu").find("li").hover(function(){
        $(this).find(">ul").slideDown(250);
      }, function ( ) {
        $(this).find(">ul").slideUp(250);
      });
    });
});

Problemet är att om jag för musen över triggern (parent) flera gånger hastigt så kommer jag få sitta och titta på hur menyn studsar upp och ner tills alla köande executions har blivit utförda.

Kan någon lägga till en liten kodsnutt som ser till att detta inte händer? T ex genom att vänta en sekund innan trigger blir aktiv igen?

Tack!!

voigtann1Medlem sedan juni 20018 810 inlägg
#2

Är kanske hoverintent du är ute efter: http://cherne.net/brian/resources/jquery.hoverIntent.html

Genererad på 376 ms · cache AV · v20260730165559-full.f96bc7eb