0

我正在使用 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

谢谢您的支持！

4

1 回答 1

0

我解决了我的问题

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

参考：Select2 with ajax

于 2017-02-08T11:00:58.137 回答