Jquery 使用 on 实现 hover 事件

前端笔记 2020-06-04 36℃ 0 0

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

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

但是查了查发现 on 并没有 hover 事件,好吧只能用 mouseovermoseleave

$("#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);
        }
    }
});

评论 (0)

Top