导航菜单
登录 注册

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

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

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);
        }
    }
});
Typecho 获取站点最后更新时间
上一篇
【评论贴图】Typecho 评论中嵌入图片
下一篇
广告