Question

我用 j子 small了小的 drop菜,并对 mo/out事的“how”和“h”。问题在于,当我把 mo倒在我的倒台时,事件被搁置,我的菜 disappear消失!

我也尝试了<条码>推广<>。

$( nav>div.dropTrigger ).mouseover(function(e)
{
    console.log("enter");
    $(this).find( div ).stop(true,true).animate({ opacity:  show , height:  show  },"fast");        
}); 

$( nav>div.dropTrigger ).mouseout(function(e)
{   
    console.log("out");
    $(this).find( div ).stop(true,true).animate({ opacity:  hide , height:  hide  },"fast");        
});

$( .dropdown ).mouseover(function(e)
{
    e.stopPropagation();
});

$( .dropdown ).mouseout(function(e)
{
    e.stopPropagation();
});

我的标志:

<nav>
   <div class="dropTrigger">
      <a href="potatoes">some menu</a>
       <div class="dropdown">
          <ul>[drop menu goes here]
       </div>
 ...

Answer 1

$( nav>div.dropTrigger ).on({
            mouseenter : function(){ 
                 console.log("enter");
                 $(this).find( div ).stop(true,true).animate({ opacity:  show , height:  show  },"fast");
            },
            mouseleave : function(){ 
                console.log("out");
                $(this).find( div ).stop(true,true).animate({ opacity:  hide , height:  hide  },"fast"); 
            }
        });

相反, events和 mo。他们重温了你们描述的问题。另外,现在优先采用的具有约束力的方法是$.on()(自jq 1.7)。

Answer 2

尝试:

$( nav>div.dropTrigger ).mouseover(function(e)
{
console.log("enter");
$(this).find( div:hidden ).stop(true,true).animate({ opacity:  show , height:  show          },"fast");        
}); 

$( nav>div.dropTrigger ).mouseout(function(e)
{   
console.log("out");
$(this).find( div:visible ).stop(true,true).animate({ opacity:  hide , height:  hide    },"fast");        
});

Answer 3

1. 使用 mo/ele,而不是 mo/use

友情链接