Jquery问题 - 永远不会删除悬停类

Question

我正在构建一个应用程序，该应用程序最初显示一组图片，让用户可以选择其中一些并将它们添加到另一个div中。

对于这些动态添加的图像，我需要启用悬停功能以在悬停时放大图像。

这是我的Jquery方法：

$(document).on('hover','#zooming',function(){
            $("#zooming").addClass('hover');
    }
        , function() {
            $("#zooming").removeClass('hover');
        }

    );

css代码：

#zooming{
  &.hover{
    cursor: pointer;
    color:white;
    background: #dbdbe0;
    z-index: 1000;
    padding:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:auto;
    height:auto;

  }
}

当我使用这种方法时，图像的放大在悬停后永远不会发生。

当我使用

时

 $(document).on('hover','#zooming',function(){
            $("#zooming").addClass('hover');
    }
   );   

图像被放大但从未恢复到原始尺寸，这是正常的。 你能发现我在这里做错了什么吗？

非常感谢。