Question

我写过这个JavaScript

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

隐藏我的JSP列表。

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

我哪里出错了？代码无效..

Answer 1

而不是：

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

做

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

或者

$(".sidebarmenu").hide();

但是此代码会隐藏$（“。sidebarmenu”），因此您无法在此之后进行鼠标输入

Answer 2

FIDDLE

<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中添加一些文字

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

当div中没有元素显示时，似乎mouseenter事件无法找到目标。

或尝试添加边框或向sidebarmenu div

添加背景颜色

Answer 3

看看这个小提琴

<强> FIDDLE

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

mouseEnter和mouseLeave在JSP中不起作用

3 个答案: