Bootstrap Modal插件无法正常工作
Bootstrap Modal插件无法正常工作
提问于 2018-12-03 16:02:23
我正在使用bootstrap模式，我想在我的pop上列出员工的详细信息，但这不能正常工作。
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">×</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文件https://imgur.com/a/RxWpe8v
请告诉我code.have中的任何错误，另一种实现模式的方式告诉我。感谢预支
回答 1
Stack Overflow用户
发布于 2018-12-04 04:25:31
您需要将bootstrap组件或bootstrap-sprockets.js包含到app/assets/javascripts/application.js文件中。由于bootstrap依赖于jquery，所以我将其放在jquery之后。
//= require jquery
//= require bootstrap-sprockets页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53589680
复制相关文章
相似问题