jQuery图像加载图标

Question

我试图这样做，当图片尚未加载时，它会在图片顶部添加一个图标。

在这里，我做了什么，我真的可以说其他任何不做的事情。

$(".loading").show();

$(".img").load(function(){

    $(".loading").hide();
});

指数：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

编辑：

显然我通过重写我的jQuery代码使它成功：

$(function() {
    $(".loading").show();

    $('.img').on('load', function(){
        $(this).parent().parent().find(".loading").hide();
    });
});