Class tag removed but trigger still work

最新推荐文章于 2026-08-18 20:01:07 发布

原创最新推荐文章于 2026-08-18 20:01:07 发布 · 125 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript

当前文章被收录于：

JavaScript

12 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文探讨了在JavaScript中如何正确处理DOM元素的鼠标悬停事件绑定，通过使用$(document).on()方法避免事件绑定冲突，解决了在特定元素上应用悬停样式效果的问题。

As shown below, the class tag 'nav_hover' has been removed. It is expected that the binding event handler 'hover' should be detached to the DOM.
However the trigger is still there even the aim li has no class named 'nav_hover'.

[img]http://dl2.iteye.com/upload/attachment/0095/4928/8a930a10-bac3-3d97-b102-f2e5af6306e1.jpg[/img]

To solve the problem , we must use the binding method for furture elements.
$(document).on(event,selector,function);

In this senario, the code that works is :

$(document).on("mouseenter",".nav_hover",function(){
		$(this).css("background-color", "#ee8296");

	});
	$(document).on("mouseleave",".nav_hover",function(){
		$(this).css("background-color", "#fff");
	});

I have no idea how to combine 'hover' and 'on' together.
Well that does not matter as it works already.

标签

#javascript #jquery #ViewUI