我正在嘗試創建一個確認您確實要刪除用戶的模式。除了當你點擊模式中的'#confirm'按鈕時，一切似乎都起作用。應該提交最初點擊的按鈕的表單，但不會發生。它似乎並沒有出現#confirm的on（'click'），因爲我看不到我的日誌消息。模式中的按鈕不起作用

_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" &times; 
     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 }

來源

2015-03-24 Antarr Byrd

你確認上'show'事件被解僱？ – Victory 2015-03-24 22:56:26

我想不是。當我點擊原始按鈕時，我可以看到模態。我剛剛添加的日誌消息不會打印到日誌中。 – 2015-03-24 22:59:08

您使用的是什麼版本的引導程序？可能是一個相關的問題：http://stackoverflow.com/questions/18568278/bootstrap-3-0-0-modal-events-not-firing/18568718#18568718 – 2015-03-24 23:01:30

javascript: 
    $('#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');

來源

2015-03-25 02:55:39

模式中的按鈕不起作用

_actions.html.slim

index.html.slim

回答

相關問題