鼠标悬停及移出功能的jQuery

Question

我有这样的脚本：

$("#teaser ul.buttons li").mouseover(function() 
    { 
     $("a",this).animate({ left: '0' },350); 
    }).mouseout(function() 
    { 

     $("a",this).animate({ left: '-11px' },350); 
    }); 

但是，当我现在在一个元素徘徊。鼠标悬停和鼠标悬停继续。我怎样才能改变这个脚本。那当我徘徊的一个元素。当鼠标悬停在元素上时，鼠标会启动。

Answer 1

是http://jsfiddle.net/BBUJ7/你在找什么？我将mouseover和mouseout更改为hover，因为您提到了在问题中悬停并添加了a {position:relative} CSS规则。

Answer 2

这里有HTML代码：

<ul class="buttons"> 
        <li> 
         <h2> 
          <a class="koeriersdiensten" href="pagina.html" title="Koeriersdiensten">Koeriersdiensten 
           <span>Lorem ipsum dolor sit amet</span> 
          </a> 
         </h2> 
        </li> 
        <li> 
         <h2> 
          <a class="taxivervoer" href="pagina.html" title="Taxivervoer">Taxivervoer 
           <span>Lorem ipsum dolor sit amet</span> 
          </a> 
         </h2> 
        </li> 
       </ul> 

Answer 3

使用mouseenter和mouseleave代替mouseover和mouseout