Javascript 如何在悬停到任何链接时显示/隐藏div

在悬停任何锚定标记时显示/隐藏任何div时，我面临一个小问题

目前，我尝试使用Mouseenter和MouseLeave功能，但并不顺利。

可点击链接：

JS代码：

    $('.clickmeToSeeDiv').live("mouseenter",function(){
        $('.leftborderActive').show();
    });
    $('.clickmeToSeeDiv').live("mouseleave",function(){
        $('.leftborderActive').hide();          

    });

上述代码有时有效，有时无效。 如果你们有任何想法或更好的解决方案，请提出建议

谢谢

---

Sham

不推荐使用live event，请改用（将一个或多个事件的事件处理程序函数附加到所选元素）

试试这个：

$(document).ready(function(){
    $(".leftborderActive").hide(); // hide div on DOM ready
    $( ".clickmeToSeeDiv" ).mouseenter(function() { // anchor mouseover event
        $(".leftborderActive").show(); // show div
    }).mouseleave(function() { //anchor mouseleave event
        $(".leftborderActive").hide(); //hide div
    });
});

或

---

您可以尝试JQuery的animate函数，或者在show和hide方法上设置一个计时器，以便它们使div的操作更加平滑

---

另外，请确保在调用enter或leave方法时取消任何以前的事件，以便动画不会堆叠

不推荐使用“live”方法，请改用“on”

$(document).on('mouseenter mouseleave', '.clickToSeeDiv', OnDivClick);

function OnDivClick(){
    $('.clickToSeeDiv').toggle();
}

---

你在这里有答案[只有css.[1]：我建议不要使用

live

，而是

on

。他应该使用

on

，即使没有授权（只是说）。

$(document).on('mouseenter mouseleave', '.clickToSeeDiv', OnDivClick);

function OnDivClick(){
    $('.clickToSeeDiv').toggle();
}