のRails +ブートストラップタグ入力+先行入力

Question

私はレールに私の小さなプロジェクトでこの機能を設定しようとしている：http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/

しかし、私は私が間違ってやっているかわからないんだけど。 jquery、bootstrap-tagsinput、およびtypeahead.bundleファイルを私のapp/assets/javascriptに落としましたが、まだ動作させることができません。私の私が追加形成するために

：

<input type="text" data-role="tagsinput" /> 
<%= javascript_tag do %> 
$('input').tagsinput({ 
    typeahead: { 
    source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo'] 
    } 
}); 
<% end %> 

と私のアプリ/資産フォルダにcitynames.jsonを、だけでなく、トップに

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> 

を追加しましたが、しばらくタグの入力自体はちょっと私は働くために前向きな見解を得ることができないか、またはfreeInputを追加することはできません：誤ったオプションとそれを働かせてください。

Answer 1

1. ダウンロード最新bootstrap-tagsinput

2. が/srcからbootstrap-tagsinput.cssを取得し、/assets/stylesheets/に置きます。

3. あなたはSCSS applications.scssで

4. @import 'bootstrap-tagsinput'またはrequire

5. /srcからbootstrap-tagsinput.jsを取得使用している場合bootstrap-tagsinput.scssからbootstrap-tagsinput.cssの名前を変更し、assets/javascript/application.jsで/assets/javascript/

6. があなたのjsを必要とするように置く=//require bootstrap-tagsinput

---

prefetch: { 
    url: 'assets/citynames.json', 
    filter: function(list) { 
     return $.map(list, function(cityname) { 
     return { name: cityname }; }); 
    } 
    } 

url: 'assets/citynames.json' - これは動作しません。コントローラからcitinamesを提供するか、このファイルをパブリックに置くことができます。その後、このjsonをパブリックフォルダから取得できます。root_url/folder/citinames.json.