码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-10-29 12:30:00      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   sp   div   on   art   

经常会遇到鼠标放到一个元素上显示另外一个元素,这两个元素是父子关系,比如在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问题

标签:style   blog   io   color   ar   sp   div   on   art   

原文地址:http://www.cnblogs.com/cnzhangxl/p/4058986.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!