javascript - 关于导航使用mouseenter，mouseleave再ie8不管用的问题

Question

开始使用hover在ie8放到一级菜单显示2级菜单但是在ie8怎么滑动都滑动不到2级菜单。。。离开一级菜单，二级菜单就消失了。在其他浏览器没问题。后来使用mouseleave 和mouseenter还是这个问题。。下面是部分代码,求大神解答

    $("#navul>li").on("mouseenter", function() {
        // alert("aaa");
        $(this).children().show();
    });

    $("#navul>li ul").on("mouseleave", function() {
        alert("aaa");
        $(this).hide();
    })
    // $("#navul>li").on("mouseleave", function() {
    //     // alert("aaa");
    //     $(this).children('ul').hide();
    // });
    

     <ul id="navul" class="cl">
                    <li class="navhome"><a href="#">首页</a></li>
                    <li>
                        <a href="about.html">关于我们</a>
                        <ul>
                            <li> <a href="about.html"> 公司简介</a> </li>
                            <li> <a href="about1.html"> 公司文化</a> </li>
                            <li> <a href="about2.html"> 公司资质</a> </li>
                        </ul>
                    </li>
                    <li></li>
         </ul>

Answer 1

$("#navul>li").on("mouseenter", function() {
    // alert("aaa");
    $(this).children('ul').show();
});
写漏了一个ul?