这是Sidr，一个允许菜单侧边栏出现在页面两侧的插件。
我尝试创建一个自定义按钮来切换侧边栏的打开和关闭 - 即 #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>
如果有人能指出上面代码的问题或提供替代解决方案，将不胜感激。