我正在使用Rails 4.2.6开发一个Ruby On Rails应用程序。我正在使用Turbolinks和jquery.turbolinks（对不起，我不能发布这些元素的链接，因为我是网站上的新手）。我的问题很简单，但我就是不能解决它。这里是：我有一个通过AJAX获取的表单

<div class="card-footer">
  <a class="btn btn-sm btn-primary-outline" data-remote="true"  href="/profiles/Mke5kA/positions/new"><i class="fa fa-plus"></i> Nouvelle expérience professionnelle</a>
  <div id="new_position_form"></div>
</div>

字符串
表单包含Select 2元素，这些元素通过AJAX获取数据

= simple_form_for [profile, position], remote: true, html: {id: 'positionForm', class: 'm-b-1'} do |f|
  = f.input :company_id, as: :select, input_html: {:'data-behaviour' => 'company-select2', :'data-kind' => 'company'}
  = f.input :title
  = f.input :summary
  - location = f.object.build_location
  = f.simple_fields_for :location do |l|
    = render 'locations/fields', l: l, city: position.city
  = render "profiles/shared/date_fields", f: f, model: position
  = f.input :skill_list, as: :select, input_html: {multiple: true, :data => {:behaviour => 'acts-as-taggable', :'taggable-context' => 'skills'}}
  %button.btn.btn-primary{:type => "submit"}= icon('check-square-o', 'Enregistrer')
  = link_to icon('remove', 'Annuler'), 'javascript:void(0)', 
        data: {:'lgnk-behaviour' => "remove-form", :'lgnk-target' => "#positionForm" }, class: 'btn btn-secondary'

型

• Select 2元素目前在Rails Trubolinks事件“page：load page：update”中被“激活”，但我也尝试过“page：change”
• 获取表单时：select 2元素正常（正确激活）：

x1c 0d1x的数据
当我尝试输入使用AJAX获取数据的Select 2时，出现了我的问题：所有的Select 2都是重复的：

的
下面是我如何初始化Select 2：

var loc_tag = function() {
  $('[data-behaviour="acts-as-taggable"]').not('.select2-hidden-accessible').each (function (index, element) {
    if ($(element).data('value')) {
      var options = $(element).data('value').split(', ');
      $.each(options, function(key, tag){
        $(element).append($('<option selected></option>').val(tag).text(tag));
      });
    }

    $(element).select2({
      ajax: {
        url: "/tags?context="+$(element).data('taggable-context'),
        dataType: 'json',
        headers: {
         "Accept": "application/json"
        },
       delay: 250,
       data: function (params) {
         return {
           q: params.term, // search term
           page: params.page
         };
       },
       processResults: function (data, page) {
         return {
           results: data
         };
      },
      cache: true
    },
    escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
    minimumInputLength: 2,
    tags: true,
    language: "fr",
    theme: "bootstrap",
    width: "100%",
    placeholder: 'Mots clés...'
    });
  });

};
$(document).on('page:load page:update', loc_tag);

型
我希望Select 2元素只初始化一次（当表单被获取时），而不是在AJAX响应时获取它们的数据。我已经尝试过jQuery.not（“.select2-hidden-accessible”）在不使用Select 2的元素上（select 2-hidden-accessible是Select 2添加到初始化的Select 2元素中的类），但它不起作用。
非常感谢您的帮助！