首页 > 电脑 > jQuery 给一个元素添加两个相同的hover() 会导致hover功能失效

jQuery 给一个元素添加两个相同的hover() 会导致hover功能失效

电脑 2022-09-02

jquery 通过html方法增加对象后hover失效怎办?

1.$("#msg").html($("#msg").html()+inner); 其实不是失效了,而是dom树改变了,#msg 里面的内容改变,就不是原来的 .list 了 2.$("#msg").append($(inner); 新加入的 $(inner) ,不在原本的 $('.list') 集合里,因此新加入的没有被绑定事件 我这给出两种做法: ① 在 #msg 内容改变后,给新加入 .list 绑定一次 hover; ② 将事件绑在 $(document) 上,例: $(document).on('mouseover','.list',function(){ //... }); 不过方

jquery的 on 为什么委托hover 不起作用?

在官网api里查到如下说明:

  Deprecated in jQuery 1.8, removed in 1.9:The name"hover"used as a shorthand for the string"mouseenter mouseleave". It attaches asingle event handlerfor those two events, and the handler must examineevent.typeto determine whether the event ismouseenterormouseleave. Do not confuse the "hover" pseudo-event-name with the.hover()method, which acceptsone or twofunctions.

----

也就是说这个事件从1.9被弃用了。


可以按如下思路实现hover()的代理效果:

$('.container').on('mouseentermouseout','p',function(){
console.log(event.type);//"mouseenter"or"mouseout"根据这个标志来切换你的分支
});

jquery hover问题

$(function () { var mouseover_tid = []; var mouseout_tid = []; $(".navLink").each(function (index) { $(this).hover(function () { var self = this; clearTimeout(mouseout_tid[index]); mouseover_tid[index] = setTimeout(function () { $(self) .children("ul") .css("left", $("#box").offset().left) .slideDow

jquery 两个关联元素绑定hover事件

亲,弄个定时器让他延时消失就好了,当离开了A元素的时候就开定时器,如果是移到了B,就把定时器关掉,否则就让B延时消失

jquery 添加了点击后的hover事件,要求点击当前元素时停止鼠标hover事件并添加hover时的样式

$("td").hover(
function(){
$(this).addClass("hover");
},
function(){
$(this).removeClass("hover");
}
);

标签:信息技术 前端开发 JavaScript Jquery CSS

大明白知识网 Copyright © 2020-2022 www.wangpan131.com. Some Rights Reserved. 京ICP备11019930号-18