2011-02-17 6 views
0

일부 jQuery에서이 문제가 발생했습니다. 내가 당신이 요소 위에 마우스를 가져 갔을 때이 div를 표시하고 싶지 않을 때 그것을 숨기고 싶습니다.jQuery 호버 문제

$(function() { 
    $('#projects').hover(function() { 
     $('#projects .pane').show(200), $('#projects .pane').hide(200); 
    }) 
}); 

마우스로 가리키면 같은 시간에 사라집니다.

감사합니다 :)

+0

안녕하세요 및 SO에 오신 것을 환영합니다 : 이보십시오! 게시물을 더 쉽게 읽을 수 있도록 편집 한 방법을 살펴보십시오. 그러면 여기에 귀하의 질문에 대한 더 빠르고 나은 답변을 얻을 수 있습니다. (코드는 코드로 포맷해야하며, 텍스트 서식을 지정하기 위해 HTML 나누기가 필요하지 않습니다.) 도움이 되길 바랍니다! – JasCav

+0

감사합니다. @Sarfraz – Dwayne

답변

1

귀하의 코드는 다음과 같아야합니다

$(function() { 
    $('#projects').hover(function() { 
     $('#projects .pane').show(200); 
    }, function(){ 
     $('#projects .pane').hide(200); 
    }); 
}); 

hover 두 함수 매개 변수를 기대하고있다. 하나는 마우스가 끝났을 때의 것이고 다른 하나는 마우스가 떨어져있을 때의 것입니다.

3

당신은 function() {seperator를 잊어 버렸습니다. 따라서 현재 코드는 이벤트에서 마우스를 숨기고 표시하는 것을 포함합니다.

$(function() {  
    $('#projects').hover(function(){   
     $('#projects .pane').show(200) 
     }, function(){ 
     $('#projects .pane').hide(200);  
     }); 
}); 
1
$(function() { 
    $('#projects').hover(function() { 
     $('#projects .pane').show(200)}, 

      function() {$('#projects .pane').hide(200);} 
    ) 
}); 

http://jsfiddle.net/fCbQv/1/