jquery - jQuery mouseleave()被忽略

嗨，我在下拉导航菜单上使用mouseleave（），以便当用户离开子菜单下拉菜单时，该子菜单消失，但是似乎忽略了它，并且菜单仍然存在。有任何想法吗？这是站点和代码：

http://www.maiagifts.co.uk/about-us/info_1.html

    $(document).ready(function() {

    $('#newcats li').addClass('parentitem');
    $('.newsubs li').removeClass('parentitem');
    $('.newsubs').hide();

    $('.parentitem').hover(
    function(){
    $(this).children('.newsubs').show();
    $(this).siblings('.parentitem').children('.newsubs').hide();

 });


    //problem is here//
    $('.newsubs').mouseleave(
    function(){
    $(this).hide();
    });
    //problem is here//


    });

最佳答案

尝试使用.on

$('.newsubs').on('mouseleave', function(){
    $(this).hide();
});

如果您使用的jQuery版本低于1.7.1，请使用.live()

关于jquery - jQuery mouseleave()被忽略，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11049249/