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();
});