Javascript jquery.parent（）到ul的目标父级li

嗨，我正在学习jquery

因此，基本上我做了一个下拉菜单导航

我的问题是，我将导航鼠标悬停在背景上#222，但一旦我将鼠标移到现在已放下的菜单上，悬停效果就会消失

这是jquery

$('.navi li ul').each(function() {
    $(this).hover(
    function() {
        $(this).parent('li').css({ 'background-color' : '#222',
                               'color' : '#FFFFFF'});
    },
    function() {
        $(this).parent('li').css({ 'background-color' : '',
                               'color' : '#0085ac'
                             });
    });
}); //end ul parrent hover

html是

            <ul class="navi">
                <li><a href="#">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Portfolio</a>
                    <ul>
                        <li><a href="#">logos</a></li>
                        <li><a href="#">Business Cards</a></li>
                        <li><a href="#">Websites</a></li>
                    </ul>
                </li>
                <li><a href="#">Services</a></li>
                <li><a href="#" style="background-image:none;">Contact</a></li>
            </ul>

正如您所看到的，我的ul在li中，基本上我希望父li在浏览下拉菜单时保持悬停状态

如果您能告诉我如何在悬停变回正常状态之前将其延迟250毫秒，则可获得额外积分

编辑：只是澄清一下，上面的jquery并没有让我的父li保持悬停状态

$(document).ready(function(){
    $( ".navi li" ).has( "ul" ).mousemove(function(){
    $(this).css('background','#222');
    });
    $( ".navi li" ).has( "ul" ).mouseleave(function(){
    $(this).css('background','#fff');
    });
});

为了避免任何冲突：在css中悬停只需添加！重要的

.navi li:hover{
   background : #222 !important;
}

---

你能把这个放到JSFIDLE吗？我用了一个下拉插件，所以我不确定我能不能..只使用.parent（）不要把li放在里面DigitaleRawebDesign.com/test/index.html这里是一个演示，使用原始的jquerywhat如果我做了类似的事情，如果ul是可见的，那么parent li=style？解决这个问题的方法很糟糕。这是有效的，但是当你鼠标离开时，它有一半时间停留在hover styleingdigitalerawebdesign.com/test/index2.htmltry中，以便围绕我的更新答案进行游戏。对于延迟，使用$（this.delay（250）.css（'background'，'#fff'）；