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

浏览数：33 / 时间：2015年06月09日

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

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 问题 log la io im ps class style 代码 问题 log la io im ps

相关文章

随机文章

您可能还喜欢

您可能还喜欢