JS为什么另一个不符合的if中一段代码会被执行

[Xiao灬佳]

$(document).on('mousewheel',function (e) {
        var dir = e.originalEvent.wheelDeltaY > 0 ? 'up':'down';
        console.log(dir);
        if(isComplete){
            isComplete = false;
            console.log(dir);
            if(dir == 'up' && i > 0){
                $(arr[i]).addClass('tran').removeClass('now').addClass('next');
                $(arr[i-1]).addClass('tran').removeClass('last').addClass('now');
                $(arr[i-2]).addClass('last');
                $(arr[i]).on("transitionend",function () {
                    $(arr[i-1]).removeClass('tran');
                    $(arr[i]).removeClass('tran');
                    --i;
                    console.log(i);
                    isComplete = true;
                });
            }else if(dir == 'down' && i<arr.length-1){
                $(arr[i]).addClass('tran').removeClass('now').addClass('last');
                $(arr[i+1]).addClass('tran').removeClass('next').addClass('now');
                $(arr[i+2]).addClass('next');
                $(arr[i]).on("transitionend",function () {
                    $(arr[i+1]).removeClass('tran');
                    $(arr[i]).removeClass('tran');
                    ++i;
                    console.log(i);
                    isComplete = true;
                    
                });
            }else{
                isComplete = true;
            }

        }
    });

[天际的海浪]

不要在if判断中用on()绑定的事件 要直接绑定的事件 在on()绑定的事件的内再用if判断

[天际的海浪]

不要在if判断中用on()绑定事件 要直接绑定事件 在on()绑定的事件内再用if判断

[Xiao灬佳]

引用 1 楼 jslang 的回复:

不要在if判断中用on()绑定的事件 要直接绑定的事件 在on()绑定的事件的内再用if判断

哦哦哦，好的谢谢，请问可以解释一下原理吗？