使用JQuery在Ruby on Rails中更改图像

Question

我在使用JQuery更改图像时遇到问题。

片段从我hmtl.erb：

<%= image_tag('empty-screen.png', style:'width: 100%', class:'img-responsive center-block', id:'screen-d') %> 

碎片从我javascript：

$("#collapseOne").on('show.bs.collapse',function() { 
     $('#screen-d').attr("src","#{asset_path('empty-screen.png')}"); 
    }); 

真正的问题是，我不知道很好的Rails如何使用资产的管道。我相信使用asset_path可以工作，但通过该代码，我只是将src更改为#{asset_path('empty-screen.png')}。所以我不知道该怎么做。

Answer 1

尝试

$("#collapseOne").on('show.bs.collapse',function() { 
    $('#screen-d').attr("src","<%= asset_path('empty-screen.png') %>"); 
}); 

，并确保在你的.js的末尾添加.erb文件