首页 > 代码库 > jquery解决onmouseover和onmouseout合用的bug问题
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();});
jquery解决onmouseover和onmouseout合用的bug问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。