jquery - 一个寻呼机 - jQuery - mouseenter 和 mouseleave - 如果单击则跳过 mouseleave

Question

我在一个寻呼机中有一个顶部固定列表导航，工作正常。

我使用 jQuery 颜色插件添加了 mouseenter 和 mouseleave 颜色动画，效果也很好。

现在，如果单击链接，我想跳过 mouseleave，但我不明白。我尝试了我在这里找到的所有内容，但仍然没有我喜欢的结果。我真的是新的 JavaScipt/jQuery，所以如果你能向新手友好地解释它，那就太好了；)。

我的导航 html 代码:

<nav>
    <ul>
        <li class="xyz"><a href="#home" class="scroll">Home</a></li>
        <li class="xyz"><a href="#leistungen" class="scroll">Leistungen</a></li>
        <li class="xyz"><a href="#referenzen" class="scroll">Referenzen</a></li>
        <li class="xyz"><a href="#me" class="scroll">Über Mich</a></li>
        <li class="xyz"><a href="#kontakt" class="scroll">Kontakt</a></li>
    </ul>
</nav>

我的 jQuery 代码在这里:

$(function() {

$('ul li a.scroll').on('mouseenter', function() { //Wenn Maus über .teaser
    $(this).stop().animate({
        'color': 'white',
        'background-color': '#468592',
    }, 400);
});

$('ul li a.scroll').on('mouseleave', function() {
        $(this).stop().animate({
            'color': '#666666',
            'background-color': 'white',
    }, 400);
});

$('ul li a.scroll').click(function(event) {
    $('.scroll').removeClass('active');
    $(this).addClass('active');
    event.preventDefault();
    $('html,body').stop().animate({
        scrollTop: $(this.hash).offset().top
    }, 1000);

});

});

你能帮我解决这个问题吗？我试了两天了还是没有结果。

问候和感谢，马克*

Answer 1

只需添加

$(this).unbind('mouseleave');

在你的$('ul li a.scroll').click({ .. });