0
Я пытаюсь создать модальный, который подтверждает, что вы действительно хотите удалить пользователя. Кажется, что все работает, за исключением тех случаев, когда вы нажимаете кнопку «#confirm» внутри модального. Форма для кнопки, которая была первоначально нажата, должна быть отправлена, но этого не происходит. Не похоже, что on ('click') для #confirm
уволен, потому что я не могу видеть сообщение в журнале.Кнопка в модальном не работает
_actions.html.slim
span.member_action.create
= link_to 'Add New User', new_account_member_path(@account), class: "btn add-user"
#group_member_actions
span.member_action.reset
= link_to 'Reset Password', '#', class: 'btn'
span.member_action.clone
= link_to 'Clone', '#', class: 'btn'
span.member_action.delete
= submit_tag 'Delete', class: 'btn delete-white'
/! Modal Dialog
#confirmDelete.modal.fade aria-hidden="true" aria-labelledby="confirmDeleteLabel" role="dialog"
.modal-dialog
.modal-content
.modal-header
button.close aria-hidden="true" data-dismiss="modal" type="button" ×
h4.modal-title
| Delete User
.modal-body
p
| Are you sure you want to delete this user?
.modal-footer
button.btn.btn-default data-dismiss='modal' type='button' Cancel
button#confirm.btn.btn-danger type='button' Delete
javascript:
$('#confirmDelete').on('show', function() {
$('#confirm').on('click', function(){
console.log('you clicked confirm');
$('#delete-member').submit();
});
});
$('.delete-white').on('click', function(e){
e.preventDefault();
$('#confirmDelete').data('id', $(this).data('id')).modal('show');
});
css:
.modal.in .modal-dialog { margin: 10% auto;}
index.html.slim
= form_tag remote_destroy_account_members_path(@account), id: 'delete-member', method: :delete do
= render partial: 'shared/users_title', locals: { hide_user_nav: false }
вы уверены, что на 'show' события стрельбы? – Victory
Наверное, нет. Когда я нажимаю на исходную кнопку, я могу видеть модальную. Сообщение журнала, которое я только что добавил, не печатается в журнале. –
Какую версию бутстрапа вы используете? Может возникнуть связанный с этим вопрос: http://stackoverflow.com/questions/18568278/bootstrap-3-0-0-modal-events-not-firing/18568718#18568718 –