解决思路如下： 首先，判断事件的当前节点，也就是jquery的currentTarget是否在target的包含中，即下面的扩展$.containsNode。 然后，在调用hover的时候的mouseover和mouseout事件里判断currentTarget是否在target的包含中，即$.fn.fhover扩展 下面就是相关代码： 复制代码 代码如下: $.containsNode = function(parentNode, childNode) { if (parentNode.contains) { return parentNode != childNode && parentNode.contains(childNode); } else { return !!(parentNode.compareDocumentPosition(childNode) & 16); } } $.fn.fhover = function(over, out) { this.hover(function(e) { if ($.containsNode(e.target, e.currentTarget)) { return; } over.call(this, e); }, function(e) { if ($.containsNode(e.target, e.currentTarget)) { return; } out.call(this, e); }); return this; }

　　推荐阅读

　　jQuery版仿Path菜单效果

使用方法: 　　　　1.依次引用jquery.1.7.1,jQueryRotateCompressed.2.1.js(旋转插件),jquery.path.1.0.js(我自己写的Path插件) 　　　　2.页面元素采用如下格式 复制代码 代码如下: <div id="content"> <div>单击>>>详细阅读

本文标题：扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

地址：http://www.17bianji.com/kaifa2/JS/23836.html

 1/2    1