2017-02-08 16 views
0

私はselect2とransack gemを複数の検索に使用していますが、大きな問題があります。[Rails 5] [Gem select 2]は、バックボタンの後にjsをロードできませんでした。

私のjsファイル:search.js

$(document).on("turbolinks:load", function() { 
    $("#q_city_matches_any").select2({ 
    placeholder: I18n.t("js.city") 
    }); 
}); 

マイスリム:index.html.slim

p.form-group= f.select :city_matches_any, @cities, {}, {class: "form-control", multiple: true} 

application.js

//= require jquery 
//= require jquery_ujs 
//= require bootstrap-sprockets 
//= require turbolinks 
//= require select2 
//= require i18n 
//= require i18n.js 
//= require i18n/translations 
//= require_tree . 

私はインデックスページから移動すると、通常の場合が、問題におけるそのオケが起こります他のページをクリックし、ボタンをクリックしてブラウザの背面に戻ってページをインデックス化する

ノーマルケース:https://gyazo.com/9ea59e58e5271cd27ff716e548f51f17

問題:https://gyazo.com/3d8826be1b4f028760618e83e8d7b9cf

をご支援いただきありがとうございます!

+0

"> ' – Mkay1

+0

ありがとうございました!実際には動作しますが、パフォーマンスは以前よりも低くなっています。 –

+0

はい、そうです。あなたはこの一時的な解決策にとどまる必要はありません。今あなたは解決策を探すべき場所を知っています。私はTurbolinksキャッシュの仕組みを知らない。たぶんあなたはいくつかのイベント 'after-cache-fetch'を見つけるでしょうし、あなたのウィジェットを再作成することが可能になります。 – Mkay1

答えて

0

は、私は私の問題sovled

$(document).on("turbolinks:before-cache", function(){ 
    $("#q_city_matches_any").select2("destroy"); 
}); 

参照してください: `<メタ名= "turbolinks-キャッシュ制御" コンテンツ="ノーキャッシュを:それは助けていない場合Select2 with ajax

はTurbolinksのキャッシュをオフにして、チェック
関連する問題