模态不会关闭选择 Rails 6

我正在关注一个旧的 go rails 视频,用于选择性并尝试更新 rails 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"));

    });


我确信它在我的 js 中与引导程序处理关闭模态的方式有关


慕婉清6462132
浏览 248回答 1
1回答

弑天下

后来我发现这与页面上实际代码的位置有关。确保模态 1 在 html 页面上的模态 2 之前。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript