导航到上一页时 Select2 呈现多次

Question

我有一个 select2 下拉菜单

    $('.range-selection').select2({width: 'resolve',
      placeholder: "Select range", prompt: "select"
    });

它工作正常，但是当导航到另一个页面然后再次导航到同一页面时，select2 字段会多次呈现。 如何避免 select2 渲染多次。

Answer 1

在turbolinks:before-cache时必须销毁select2字段，这样可以防止页面中出现多个select2

$(document).on("turbolinks:before-cache", function() {
 $('.range-selection').select2('destroy');
});