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

Question

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

来 self 的 hmtl.erb 的片段:

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

来 self 的 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