鼠标悬停和离开函数jQuery

Question

I have this script:

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

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

但是当我现在悬停在a元素上时，鼠标移入和移出会持续进行。我该如何修改这个脚本？当我悬停在a元素上时，如何使鼠标移出事件在我离开元素时触发。

- Mike

---

你能添加一些HTML代码吗？ - JohnP

Answer 1

使用mouseenter和mouseleave代替mouseover和mouseout

- Rafay

Answer 2

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

- andyb

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>

- Mike