중첩 된 메뉴 막대 표시

Question

중첩 된 메뉴 모음에 문제가 있습니다. 브라우저를 시작하거나 크기를 조정할 때 화면에 항상 나타나게하려면 어떻게해야합니까?

$('.item').mouseover(function(){ 
     var ul=$(this).children('ul'); 
     ul.css("visibility","visible"); 
     var heigh=$(window).height()-ul.offset().top; 

     if(heigh < 600){ 
      ul.offset({ top: heigh-500}); 
     } 
    }); 

jsfiddle.net/srontopekok/qJR4n/3은 내가하지 하단에 화면 밖으로 하위 메뉴를 원하는 아직도있어. tmall.com처럼 보임

Answer 1

//trigger immediately 
$('.item').trigger('mouseover'); 

//trigger on resize 
$(window).on('resize', function() { $('.item').trigger('mouseover'); });