使用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文件