如何使它在Div的HOVER上消失

Question

我需要悬停鼠标而不是单击鼠标，并且当我的光标离开＃cart-line div时，仍然能够访问.shopping-cart div。做这个的最好方式是什么？

(function(){$("#cart-line").on("click", function() {
$(".shopping-cart").fadeToggle( "fast");}); })();

Answer 1

类似于click事件，jQuery有一个hover事件。

语法上的差异是hover事件需要两个处理程序hoverin和hoverout

$("div#ToHoverOver").hover(
//Hover in handler
function(){
    $(this).css("color", "red");
}, 
//Hover out handler
function(){
    $(this).css("color", "blue");
});

Answer 2

(function(){
     var cart_line = document.getElementById("cart-line");

     cart_line.addEventListener("mouseover", function(){
         $(".shopping-cart").fadeToggle( "fast");
     });

})();