Функции наведения мыши и наведения мыши jQuery

Question

У меня есть этот скрипт:

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

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

Но когда я сейчас наведусь на элемент. Мышь и мышка продолжаются. Как я могу изменить этот скрипт. Это когда я парю над элементом. То, что указатель мыши запускается, когда я парю над элементом.

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>