如果鼠标离开或鼠标进入，则Jquery

Question

Hello People这里是我的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();
    }

});

显然上面不起作用...如果条件如何解决这个问题，我在附近错了吗？

Answer 1

您应该根据有关mouseenter和mouseleave

的val3和val4信息更新变量

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