jquery解决onmouseover和onmouseout合用的bug问题

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

jquery解决onmouSEOver和onmouseout合用的bug问题经常会遇到鼠标放到一个元素上显示另外一个元素,这两个元素是父子关系,比如在A上绑定mouseover和mouseout事件来显示或隐藏B元素,A元素包含B元素,当鼠标移到B元素后浏览器认为你移开了A,所以就隐藏了B,下边这段代码解决这个问题,

var PRice_tip_pop = null;$('div.v-price-tips').mouseout(function(){ clearTimeout(price_tip_pop); price_tip_pop=setTimeout(function(){ $('#price_tip').hide(); },400);}).mouseover(function(){ if(price_tip_pop!=null){ clearTimeout(price_tip_pop); price_tip_pop=null; } $('#price_tip').show();});

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航