Jquery mouseEnter和mouseLeave在JSP中不起作用

我已经编写了这个JavaScript

<script>
   $(document).ready(function(){
      $(".sidebarmenu").mouseenter(function(){
        $(".sidebarmenu").css('display','block');  
   });
   $(".sidebarmenu").mouseleave(function(){
  $(".sidebarmenu").css('display','enter');
   });
 });
</script>

$（文档）.ready（函数（）{
$（“.sidebarmenu”）.mouseenter（函数（）{
$（“.sidebarmenu”）.css（'display'，'block'）；
});
$（“.sidebarmenu”）.mouseleave（函数（）{
$（“.sidebarmenu”）.css（'display'，'enter'）；
});
});

在JSP中隐藏我的列表

<div id="pageNav">
<div class="sidebarmenu">
    <ul>
         <li>......</li>
         <li>......</li>
    </ul>
 </div>
</div>

我哪里出错了？代码不工作..

而不是：

$(".sidebarmenu").css('display','enter');

做

或

但此代码将隐藏$（“.sidebarmenu”），因此在此之后您将无法使用鼠标输入

$（文档）.ready（函数（）{
$（“.sidebarmenu”）.mouseenter（函数（）{
$（this.find（'ul'）。show（'slow'）；
});
$（“.sidebarmenu”）.mouseleave（函数（）{
$（this.find（'ul'）。hide（'slow'）；
});
});

更新

尝试向div添加一些文本

<div class="sidebarmenu">
   my div
    <ul>
         <li>......</li>
         <li>......</li>
    </ul>
 </div>

我的部门

当div中没有显示元素时，

mouseenter

事件似乎找不到目标

或者尝试向

侧边栏菜单添加边框或背景色

div

查看此小提琴

$(document).ready(function(){
       $(".sidebarmenu").mouseover(function(){
            alert('over');  
       });
       $(".sidebarmenu").mouseleave(function(){
          alert('leave');  
       });
 });

---

你想在mouseenter上做什么？你想隐藏哪个元素？我想在Mouseenterware上显示的“sidebarmenu”是你的JSP。？：当你把鼠标放在小提琴上时，你有没有注意到“JavaScript”的隐藏？我想要它的反面。只有当我将鼠标移到div上时，才会显示div。根据我的说法，我认为它不会工作。。。。！！因为如果您最初隐藏DOM，则无法加载元素。。。！！如果我给$（this）.find（“#主菜单”）.hide（'slow'）；，这是否有效@阿努沙奥尼，现在有什么问题？

<script type="text/javascript">

   $(document).ready(function(){

     $(".sidebarmenu").mouseenter(function(){

         $(this).find('ul').show('slow');
     });

     $(".sidebarmenu").mouseleave(function(){

         $(this).find('ul').hide('slow');  
     });
 });

</script>

<div class="sidebarmenu">
   my div
    <ul>
         <li>......</li>
         <li>......</li>
    </ul>
 </div>

$(document).ready(function(){
       $(".sidebarmenu").mouseover(function(){
            alert('over');  
       });
       $(".sidebarmenu").mouseleave(function(){
          alert('leave');  
       });
 });