Mouseover和Mouseout函数jQuery

Question

我有这个脚本：

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

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

但是当我现在将鼠标悬停在一个元素上时。鼠标悬停和鼠标移动继续。我该如何更改此脚本。那当我悬停一个元素。当鼠标悬停在元素上时，mouseout会启动。

Answer 1

使用mouseenter和mouseleave代替mouseover和mouseout

Answer 2

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

Answer 3

这里有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>