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