我正在使用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
感谢您的支持!
我解决了我的问题
$(document).on("turbolinks:before-cache", function(){
$("#q_city_matches_any").select2("destroy");
});
参考: 选择2 与 ajax