Javascript LazyLoad未隐藏占位符img Rails 5

我不太喜欢“lazyload rails”gem，但它似乎是唯一一个具有此功能的gem。我将lazyload方法本身包装在一个turbolinks加载方法调用中。照片本身正在正确淡入，但占位符没有隐藏在容器中，仅在加载图像时显示。当服务器后端没有图片或没有加载图片时，如何隐藏占位符图像

HTML

JavaScript

<script type="text/javascript">
    $(document).on('turbolinks:load', function () {
        $("img").lazyload({
            effect : "fadeIn"
        });
    });
</script>

$（文档）.on（'turbolinks:load'，函数（）{
$（“img”）.lazyload({
效果：“法丹”
});
});

我知道这种方法不是最好的，但是一个简单的if语句检查图像是否存在，以及何时不存在。占位符将自动消失

更新的html

<% if post.post_photo.present? %>
<%= image_tag post.post_photo.feed_preview %>
<% else %>
<% end %>

---

我知道这种方法不是最好的，但是一个简单的if语句检查图像是否存在，以及何时不存在。占位符将自动消失

更新的html

<% if post.post_photo.present? %>
<%= image_tag post.post_photo.feed_preview %>
<% else %>
<% end %>

<% if post.post_photo.present? %>
<%= image_tag post.post_photo.feed_preview %>
<% else %>
<% end %>