Почему мод загрузки не может отображаться на Rails 5? - PullRequest
0 голосов
/ 29 мая 2018

1.код index.html.erb:

<%= link_to 'Add release', new_release_articles_path,  {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'}  %>
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
<p>Hoc javascript</p>
код контроллера:
 def new_release
      respond_to do |format|
        format.html
        format.js
      end
    end
код new_release.js.erb
$('#modal-window').html("<%= j render 'blorgh/articles/new_release'%>");
$('#modal-window').modal();
код new_release.html.erb
<div class="modal-header">
   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
   <h3 id="myModalLabel">Modal header</h3>
 </div>
 <div class="modal-body">
   **here comes whatever you want to show!**
 </div>
 <div class="modal-footer">
   <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
   <button class="btn btn-primary">Save changes</button>
 </div>
application.js
//= require rails-ujs
//= require jquery
//= require bootstrap
//= require jquery_ujs
//= require turbolinks
//= require_tree .
Результат нажмите на ссылку добавить релиз: enter image description here

1 Ответ

0 голосов
/ 29 мая 2018

Посмотрите на это

//= require rails-ujs
//= require jquery
//= require bootstrap
//= require jquery_ujs
//= require turbolinks
//= require_tree .

Вам не нужно rails-ujs, если вы используете jquery_ujs, поэтому вы можете удалить это //= require rails-ujs отсюда и следовать порядку

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require_tree .

вы можете рассмотреть один rails-ujs или jquery_ujs, после изменения этого перезапустить сервер

Обновить из комментария

Использовать tabindex="-1" для разделения модального окна

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...