jQuery的 - 解除綁定不會重新結合

Question

我有以下代碼：

$homeSlider.mouseenter(function() { 
    console.log('enter'); 
    $slideInfo.animate({ 
     'bottom': -slideInfoHeight + 'px' 
    }); 
}); 
$homeSlider.mouseleave(function() { 
    console.log('leave'); 
    $slideInfo.animate({ 
     'bottom': '0px' 
    }); 
}); 
$slideInfo.mouseenter(function() { 
    $homeSlider.unbind('mouseenter'); 
    $homeSlider.unbind('mouseleave'); 
}); 
$slideInfo.mouseleave(function() { 
    $homeSlider.bind('mouseenter'); 
    $homeSlider.bind('mouseleave'); 
}) 

我slideinfo DIV絕對定位在的homeSlider DIV的一部分頂部。如果您滾過homeSlider，則slideInfo會隱藏自身（-slideInfoHeight），並在您推出時顯示其自身。如果將鼠標移動到slideInfo div上，它將適當地保持可見狀態，並在您展開時保持可見狀態。但是，當您回滾homeSlider時，它不會再隱藏slideInfo。我究竟做錯了什麼？

Answer 1

我建議你使用一個變量，而不是一次可連續綁定和解除綁定的：

var preventAnimation = false; 
$homeSlider.mouseenter(function() { 
    if (preventAnimation) return; 
    console.log('enter'); 
    $slideInfo.animate({ 
     'bottom': -slideInfoHeight + 'px' 
    }); 
}); 
$homeSlider.mouseleave(function() { 
    if (preventAnimation) return; 
    console.log('leave'); 
    $slideInfo.animate({ 
     'bottom': '0px' 
    }); 
}); 
$slideInfo.mouseenter(function() { 
    preventAnimation = true; 
}); 
$slideInfo.mouseleave(function() { 
    preventAnimation = false; 
}) 

而且，你可能看看到.hover()！