JQuery slide wait variable not setting

Question

Я смущен, почему это не работает, пожалуйста, может кто-нибудь указать мне в правильном направлении? Я написал несколько JQuery для перехода вниз подменю. Однако, перемещая мышь вокруг меню, она унесет тысячи событий, которые я пытаюсь дождаться, пока скроется шкура, прежде чем сделать еще одно скольжение. Однако это не работает:

$("li.title").children('ul').hide(); 
var hidden = true; 

$("li.title").hover(
    function() { 
     if (hidden == true){ 
     var height = $(this).children('ul').height() + $(this).height(); 
     $(this).height(height); 
     $(this).children('ul').slideDown(); 
     var hidden = false; 
     } 
    }, 
    function() { 
     $(this).height(25); 
     $(this).children('ul').hide(function() { 
     var hidden = true; 
     }); 
    } 
); 

Answer 1

Вам необходимо удалить var. Проблема в том, что вы создаете новый экземпляр hidden, который относится к вашим функциям обратного вызова и не видит глобальный hidden.

$("li.title").children('ul').hide(); 
var hidden = true, 
    myTimeout; 

$("li.title").hover(
    function() { 
     clearTimeout(myTimeout); 
     myTimeout = setTimeout(function(){ 
      if (hidden == true){ 
      var height = $(this).children('ul').height() + $(this).height(); 
      $(this).height(height); 
      $(this).children('ul').slideDown(); 
      hidden = false; //Removed var here 
      } 
     },100); 
    }, 
    function() { 
     clearTimeout(myTimeout); 
     myTimeout = setTimeout(function(){ 
     $(this).height(25); 
     $(this).children('ul').hide(function() { 
     hidden = true; //and here 
     }); 
     },100); 
    } 
); 

Answer 2

Удалить var из вашей hidden переменной в функции обратного вызова в режиме висения. Вы переназначаете эти переменные локально, поэтому он не слушает глобальную переменную hidden.

Изменить это:

var hidden = false;

к этому:

hidden = false;