2017-05-28 9 views
0

JQueryを使用して画像を変更する際に問題があります。私hmtl.erbからJQueryを使用してRuby on Railsの画像を変更する

フラグメント:私のjavascriptから

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

フラグメントは:

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

本当の問題は、私は非常によくRailsはアセットパイプラインを使用する方法がわからないということです。私はasset_pathを使用すると動作すると信じていましたが、そのコードではsrc#{asset_path('empty-screen.png')}に変更していました。だから私は本当に何をすべきか分からない。

答えて

1

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

を試してみて、あなたの.jsの終わりに.erbを追加してくださいが

+0

おかげファイルが、うまくいきませんでした、私は '$( '#画面-Dのためにそれを変更しました').attr( "src"、 "<%= asset_path(' complex-screen.png ')%>"); 'そしてうまくいったのですか? – exsnake

+0

イメージ名以外の違いは何ですか? –

+2

@ChenKinnrotあなたの答えはまだ '#{...} 'と表示されているので、うまくいきません。 OPはそれらを削除し、それは働いた。 – Gerry

関連する問題