Модал не закроет Selectize Rails 6 - PullRequest
Новая
       14

Модал не закроет Selectize Rails 6

1 голос
/ 02 апреля 2020

Привет. Я слежу за старым go видео по рельсам для выборочного и пытаюсь обновить для рельсов. 6

У меня есть предмет из серии. 

class Item < ApplicationRecord

belongs_to :series

end

В серии есть много элементов 

class Series < ApplicationRecord
 has_many :items
end

в форме элементов, которые я использую выборочно для поиска или создания с помощью 

<%= form_for @item do |form| %>
        <div class="form-group">
            <%= form.select :series_id, Series.all.pluck(:name, :id), {}, { class: "selectize" } %>
        </div>
....

У меня нет проблем с моим кодом, за исключением случаев, когда я создал новый В моей консоли я столкнулся со следующей проблемой, и модал не закрылся. 

<!-- Modal -->
<div class="modal fade series-modal" id="series-modal" tabindex="-1" role="dialog" aria-labelledby="SeriesModal" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="SeriesModal">Add series</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <%= form_for Series.new do |f| %>
          <div class="form-group">
            <%= f.label :name %>
            <%= f.text_field :name, class: "form-control" %>
          </div>
          <div class="form-group">
            <%= f.collection_select(:account_id, Account.all, :id, :name ) %>
          </div>
      </div>
      <div class="modal-footer">
        <div class="form-group">
            <%= f.submit class: "btn btn-primary" %>
          </div>
        <% end %>
      </div>
    </div>
  </div>
</div>

JS

<!-- JS -->
$(document).on("turbolinks:load", function() {
    var selectizeCallback = null;

    $(".series-modal").on("hide.bs.modal", function(e) {
        if (selectizeCallback != null) {
            selectizeCallback();
            selectizeCallback = null;
        }

        $("#new_series").trigger("reset");
        $.rails.enableFormElements($("#new_series"));
    });

    $("#new_series").on("submit", function(e) {
        e.preventDefault();
        $.ajax({
            method: "POST",
            url: $(this).attr("action"),
            data: $(this).serialize(),
            success: function(response) {
                selectizeCallback({value: response.id, text: response.name});
                $(".series-modal").modal('toggle');
            }
        });
    });

    $(".selectize").selectize({
        create: function(input, callback) {
            selectizeCallback = callback;

            $(".series-modal").modal();
            $("#series_name").val(input);
        }
    });
});

Я уверен, что в моем js что-то странное отношение к тому, как bootstrap обрабатывает закрытие модального сейчас

Ваша помощь приветствуется

...