Rails 3.1でCSS背景画像を動的に作成するアプリケーションが正しくリンクされない

Question

javascriptを使用してRailsアプリケーションでdivを動的に作成しようとしています。ただし、divの背景画像が正しくリンクされていません。私はRailsが画像を検索して、あらかじめロードされたCSSファイルを探していることを知っています。たとえば、私のメインのCSSファイルでは、私は単に持っている

html, body{ 
background-image:url('bg.png'); 
} 

しかし、次のコードで動的にdivを作成すると。

 $("<div>").addClass("icon").css("background-image", "url(" + this.model.get('icons')[i] + ")").appendTo(this.el); 

画像が見つかりません。 '/ assets/images/...'などの相対URLを使用する必要がありますか？

ご協力いただきありがとうございます。ありがとう！

Answer 1

それは私がそうどうやら、単に/に格納すべての画像をRailsの

 $("<div>").addClass("icon").css("background-image", "url('/assets/icon_genes.png')").appendTo(this.el); 

に背景画像を設定しなければならなかったことが判明しましたassets// assets/images /とは対照的に。

Answer 2

スタイルシートは、テンプレートファイルと同じように機能しません。 あなたは試す画像のためにそれらに完全なパスを配置する必要があります。

background-image:url('/images/bg.png');