Question

我有一个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>

Answer 1

使用Heroku，我只是成功预先编译资产并在部署之前将这些资产添加到git中。当我开始处理开发环境中的任何资产时，我会运行rake assets:clean，然后当我完成时，rake assets:precompile; git add --all public/assets。

Javascript在生产中不适用于heroku

1 个答案: