javascript - Jquery if 条件为鼠标离开或鼠标进入

Question

大家好，这是我的 jquery 代码。

$(val1+","+val2).mouseleave(function(){

    $('.opacity').remove();
    $(val3).show();
    $(val4).hide();

});

我想以这样的方式编辑此代码:

$(val1+","+val2).mouseleave(function(){
    if mouse doe not  enter val3 or val4
then 
    $('.opacity').remove();
$(val3).show();
$(val4).hide();
else
    nothing....

类似...

$(val1 + "," + val2).mouseleave(function() {

    if ($(val3 + "," + val4).mouseenter) {
    } else {
        $('.opacity').remove();
        $(val3).show();
        $(val4).hide();
    }

});

显然上面不起作用...我在 if 条件附近的某个地方出错了如何解决这个问题？

Answer 1

您应该使用根据有关 val3 和 val4 的 mouseenter 和 mouseleave 信息更新的变量

var isHoverSpecialDiv = false;

$(val3 + "," + val4).hover(
    function(){
        isHoverSpecialDiv = true;
    },
    function(){
        isHoverSpecialDiv = false;
    }
});

并测试它

$(val1 + "," + val2).mouseleave(function() {

    //Test condition
    if (isHoverSpecialDiv == false) 
    {
        $('.opacity').remove();
        $(val3).show();
        $(val4).hide();
    }
});