Jquery 使用 on 实现 hover 事件

修改主题的时候发现 clone 的元素 hover 事件不生效，百度才知道原来要用 on 来绑定事件才能应用到JS生成DOM元素上。

 $("#navbar .menu-item").on('hover', function(event) {
    $(this).find(".menu-children").slideToggle();
});

MD，我还检查了半天返现也没有拼写错误，就是移动菜单弹不出来

但是查了查发现 on 并没有 hover 事件，好吧只能用 mouseover、moseleave。

$("#navbar .menu-item").on('mouseover mouseleave', function(event) {
    if (event.type == "mouseover") {
        var item = $(this).find(".menu-children").first();
        if (item.css("display") == "none") {
            item.slideDown(200);
        }
    } else if (event.type == "mouseleave") {
        var item = $(this).find(".menu-children").first();
        if (item.css("display") != "none") {
            item.slideUp(200);
        }
    }
});