2013-07-06 2 views
1

잘 작동하는 탭에이 코드를 사용하고 있습니다. mouseoutmouseout에서 jQuery 탭을 숨기려고합니다.

#banner div에서와 .vert-menu li a이 코드를 시도 할 때

$('#banner div').hide(); 
$('.vert-menu li a').click(function(){ 
    $('.vert-menu li').removeClass('active'); 
    $(this).parent().addClass('active'); 
    var currentTab = $(this).attr('href'); 
    $('#banner div').hide(); 
    $(currentTab).show(); 
    return false; 
}); 

는 지금은 DIV 다시 숨기려고하고 있지만 작동하지 않습니다.

('.vert-menu li a, #banner div').mouseleave(function() { 
    $('.vert-menu li').removeClass('active'); 
    $('#banner div').hide(); 
}); 

여기 DEMO http://jsfiddle.net/TT3Qf/3/

가 잘 작동, 당신이하는 MouseLeave 기능의 앞에 $ 기호를 잊어 jsfiddle http://jsfiddle.net/TT3Qf/1/

+2

귀하의 HTML과 jsFiddle이 도움이 될 것입니다. – j08691

+0

경고를 사용하여 'mouseleave' 기능을 사용하고 있는지 확인 했습니까? –

+0

업데이트 : http://jsfiddle.net/TT3Qf/1/ – Ask4Tec

답변

0

확인에 전체 코드는?

$('#banner div').hide(); 

$('.vert-menu li a').on('click',function() { 
    $('.vert-menu li').removeClass('active'); 
    $(this).parent().addClass('active'); 
    var currentTab = $(this).attr('href'); 
    $('#banner div').hide(); 
    $(currentTab).show(); 
    return false; 
}); 

$('.vert-menu li a, #banner div').mouseleave(function() { 
    $('.vert-menu li').removeClass('active'); 
    $('#banner div').hide(); 
}); 
+0

고마워요. 내 코드가 작동하지 않는 이유를 모르지만 둘 다 비슷하게 보입니다. – Ask4Tec

+0

당신은 mouseleave 함수 앞에 $ 기호를 잊어 버렸습니다 :) – yeyene

관련 문제