2014-12-19 2 views
-1

이것은 메뉴 사이드 바를 페이지 측면에 표시 할 수있는 플러그인 인 Sidr입니다.논리에서 약간의 차이가 있습니다. 찾을 수없는 부분 - Sidr을 사용하여 jQuery 호버 사용

사이드 바의 열기 및 닫기를 전환하는 맞춤 버튼을 만들려고했습니다. 즉, 커서가 커서를 가리키면 막대를 여는 #hoverzone 상자, 커서가 커서 위로 이동하면 닫기 버튼입니다. 상자.

정확히 정확히 파악할 수없는 문제가 있습니다. 마우스 오버로 작동하지 않고 상자를 클릭했을 때만 작동합니다.

<!doctype html> 
<html> 
<head> 

<link rel="stylesheet" href="jquery.sidr.light.css"> 

<style> 

#hoverzone { 
border:2px solid black; 
width:200px; 
height:100px 
} 

</style> 

</head> 

<body> 

<div id="hoverzone"> 
</div> 

<div id="sidr"> 
</div> 

<script src="jquery-1.11.1.js"></script> 

<script src="jquery.sidr.min.js"></script> 

<script> 

$(document).ready(function() { 
$('#hoverzone').hover(function() { 
    $.sidr('open', '#sidr'); 
}, 
function(){ 
    $.sidr('close', '#sidr'); 
} 
); preventDefaultEvents: false 
}); 

</script> 


</body> 
</html> 

누군가 위의 코드를 사용하여 문제를 지적했거나 다른 해결책을 제시해 주시면 감사하겠습니다. '#의'없이

답변

1

시도

$(document).ready(function() { 
$('#hoverzone').hover(function() { 
    $.sidr('open', 'sidr'); 
}, 
function(){ 
    $.sidr('close', 'sidr'); 
} 
); preventDefaultEvents: false 
});