Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Heroku上的Rails 4中引用javascript中的图像_Javascript_Ruby On Rails_Heroku_Precompile - Fatal编程技术网

如何在Heroku上的Rails 4中引用javascript中的图像

如何在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

我试图通过javascript链接am图像。单击缩略图时,较大的图像将更改为相应的图像

(我已经删除了一些对这个问题不重要的类。)

缩略图:

    <%= 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" %>