Bootstrap Модальный плагин не работает должным образом

Question

Я использую модал начальной загрузки. Я хочу перечислить данные о сотрудниках в моей папке, но это не работает должным образом.

index.html.erb

     <a href="#" data-toggle="modal" data-target="#myModal-<%= current_user.id %>"> 
                                 <%= image_tag("view.png",:size=>"30x30") %></a></td>
                                 </tr>
                                <div class="modal fade" id="myModal-<%= current_user.id %>" role="dialog">
                                    <div class="modal-dialog">
                                      <div class="modal-content">
                                        <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
                              <div class="modal-body">        
                <strong>RollID:</strong>
                <%= current_user.roll_id %>
            </div>

application.html.erb

<title>EmployeeManagementSystem</title>
<%= csrf_meta_tags %>

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= stylesheet_link_tag 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css' %>
<%= stylesheet_link_tag "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" %>
<%= javascript_include_tag "http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"%>
   <%= yield %>

application.js

//= require activestorage
//= require jquery.validate
//= require jquery.validate.additional-methods
//= require rails-ujs
//= require turbolinks
//= require jquery
//= require jquery_ujs
//= require popper
//= require_tree .

gem file https://imgur.com/a/RxWpe8v
Пожалуйста, сообщите любую ошибку в моем коде. У вас есть другой способ реализации модальных тел.Заранее спасибо

Answer 1

Вам необходимо включить компоненты bootstrap или bootstrap-sprockets.js в файл app / assets / javascripts / application.js.Поскольку начальная загрузка зависит от jquery, я бы поставил после jquery.

//= require jquery
//= require bootstrap-sprockets