Jquery 使用 on 实现 hover 事件

Ryan

2020-06-04/0 评论/332 浏览

修改主题的时候发现 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);
        }
    }
});
文章出自:虾米皮皮乐 https://xiamp.net/archives/jquery-uses-on-to-implement-hover-events.html,版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。
0 评论
332 浏览
您的大名:
万水千山总是情,给个打赏行不行。 打赏

发表评论

虾米皮皮乐

Ryan

版权申明:收费资源由本站发布,用户购买后只有终端使用权,禁止转售和转载

暂无附件
暂无目录
Jquery 使用 on 实现 hover 事件
06/04
2020
修改主题的时候发现 clone 的元素 hover 事件不生效,百度才知道原来要用 on 来绑...
扫描右侧二维码阅读全文