jquery - 鼠标悬停和鼠标悬停功能jQuery

Question

我有这个脚本：

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

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

但是当我现在将鼠标悬停在 a 元素上时。mouseover 和 mouseout 继续进行。我怎样才能改变这个脚本。当我悬停a元素时。当我将鼠标悬停在元素上时，mouseout 启动。

Answer 1

使用mouseenterandmouseleave代替mouseoverandmouseout

Answer 2

http://jsfiddle.net/BBUJ7/你在找什么？我将mouseoverand更改mouseout为悬停，因为您在问题中提到悬停并添加了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>