授权会产生故障

Question

$('.settings').hover(function(){
    $(this).addClass('current');
    changeColor();
},function(){
    $(this).removeClass('current');
});

在div中添加“current”类。

function changeColor(){
$(document).on('mouseenter','.current',function() {
    $('.current').css("cursor","pointer");
    $('#this').css('background-color', $("div.current > div:nth-child(1)").attr('id'));
    $('#this1').css('background-color', $("div.current > div:nth-child(2)").attr('id'));
    $('#this2').css('background-color', $("div.current > div:nth-child(3)").attr('id'));
}).on('mouseleave', '.current', function() {
    $('#this').css('background-color', currentcolor);
    $('#this1').css('background-color', currentcolor1);
    $('#this2').css('background-color', currentcolor2);
})
};

当“当前”div悬停时，更改几个div的颜色。问题是当我尝试将第一个代码更改为：

$(document).on('mouseover','.settings',function(){
    $(this).addClass('current');
}).on('mouseleave','.settings',function(){
    $(this).removeClass('current');
});

第二个代码不再起作用了。