TypechoJoeTheme

虾米皮皮乐工作室

Jquery 使用 on 实现 hover 事件

2020-06-04
/
0 评论
/
5 阅读
/
正在检测是否收录...
06/04

修改主题的时候发现 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);
        }
    }
});
display主题varfunctionitemmouseovereventidehover
朗读
赞 · 0
版权属于:

虾米皮皮乐工作室

本文链接:

https://xiamp.net/archives/jquery-uses-on-to-implement-hover-events.html(转载时请注明本文出处及文章链接)

评论 (0)