我有一个javascript代码,当你点击创建评论时,它应该显示图像(加载gif)。它适用于开发,但不是在我将其部署到heroku时。我能够使大多数js / css文件正常工作,但在这种情况下不能。
<%= nested_form_for([@post, @comment], validate: true, html: {multipart: true}, 'data-update-target' => 'comments', class: 'comments') do |f| %>
...
<div class="actions">
<%= f.submit " Submit ", :class => "btn btn-default", :id => "submit" %>
</div><br>
<div id="loading2" class="loadinggif" style="display:none;"><img src="/assets/othericons/uploading.gif" alt="" /></div>
<script type="text/javascript">
(function (d) {
d.getElementById('new_comment').onsubmit = function () {
d.getElementById('submit').style.display = 'block';
d.getElementById('loading2').style.display = 'block';
};
}(document));
</script>
溶液
我改变了
<div id="loading2" class="loadinggif" style="display:none;"><img src="/assets/othericons/uploading.gif" alt="" /></div>
到
<div id="loading2" class="loadinggif" style="display:none;">
<%= image_tag("othericons/uploading.gif", alt: "") %>
</div>
答案 0 :(得分:1)
使用Heroku,我只是成功预先编译资产并在部署之前将这些资产添加到git中。当我开始处理开发环境中的任何资产时,我会运行rake assets:clean
,然后当我完成时,rake assets:precompile; git add --all public/assets
。