Question

我正在使用select2和ransack gem进行多次搜索，但是我遇到了一个大问题。

我的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

感谢您的支持！

Answer 1

我解决了我的问题

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

参考：Select2 with ajax

[Rails 5] [Gem select 2]在后退按钮后加载js失败

1 个答案: