如何在Heroku上的Rails 4中引用javascript中的图像
我试图通过javascript链接am图像。单击缩略图时,较大的图像将更改为相应的图像 (我已经删除了一些对这个问题不重要的类。) 缩略图:如何在Heroku上的Rails 4中引用javascript中的图像,javascript,ruby-on-rails,heroku,precompile,Javascript,Ruby On Rails,Heroku,Precompile,我试图通过javascript链接am图像。单击缩略图时,较大的图像将更改为相应的图像 (我已经删除了一些对这个问题不重要的类。) 缩略图: <%= image_tag "uppdrag/thumbs/katja01.png", :class => "ids", :id => "katja01.png" %> <%= image_tag "uppdrag/thumbs/katja02.png", :class => "ids", :id =&g
<%= image_tag "uppdrag/thumbs/katja01.png", :class => "ids", :id => "katja01.png" %>
<%= image_tag "uppdrag/thumbs/katja02.png", :class => "ids", :id => "katja02.png" %>
<%= image_tag "uppdrag/thumbs/katja03.png", :class => "ids", :id => "katja03.png" %>
它在localhost:3000上运行得很好,但是当预编译并上传到heroku并且图片的名称发生变化时,缩略图上id上的名称不再正确,我无法找到如何为id上的图片获取正确的名称
干杯卡尔您应该能够使用
资产路径
帮助程序
“ids”,:id=>资产路径“katja01.png”%>
etc唯一发生的事情是,我在文件名id=“/katja02.png”前得到一个“/”。我确实需要有括号,例如:id=>asset_path(“katja02.png”),但我想这不重要。这在开发中吗?如果这是正确的,它将调整为生产中带有指纹的资产的新路径名。不,不幸的是,这是在Heroku上。我需要做一些配置才能工作吗?正常的图片没问题。事实上,你是对的。我省略了路径,例如:id=>asset_path(“uppdrag/katja02.png”)。愚蠢的失误。更改javascript后,现在可以正常工作。
<%= image_tag "uppdrag/katja01.png", :class => "", :id => "idstudio" %>
$(".ids").click(function() {
var id = $(this).attr('id');
$('#idstudio').fadeOut(300, function(){
$('#idstudio').attr('src','/assets/uppdrag/' + id).bind('onreadystatechange load', function(){
if (this.complete) $('#idstudio').fadeIn(300);
});
});
});
<%= image_tag "uppdrag/thumbs/katja01.png", :class => "ids", :id => asset_path "katja01.png" %>