Rails 5.1:如何使用rails-ujs使用bootstrap覆盖确认对话框

<%= link_to 'Delete', item_path(@item), method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn btn-danger' %>

Rails.confirm = function(message, element) {
  var $element = $(element);

  // 使用Bootstrap的模态框来替代默认的确认对话框
  var modalHtml = '<div class="modal fade" tabindex="-1" role="dialog">' +
                    '<div class="modal-dialog" role="document">' +
                      '<div class="modal-content">' +
                        '<div class="modal-header">' +
                          '<h5 class="modal-title">Confirmation</h5>' +
                          '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
                            '<span aria-hidden="true">&times;</span>' +
                          '</button>' +
                        '</div>' +
                        '<div class="modal-body">' +
                          '<p>' + message + '</p>' +
                        '</div>' +
                        '<div class="modal-footer">' +
                          '<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>' +
                          '<a class="btn btn-danger" data-confirm="ok">OK</a>' +
                        '</div>' +
                      '</div>' +
                    '</div>' +
                  '</div>';

  var $modal = $(modalHtml);

  // 当确认按钮被点击时，继续执行原始的rails-ujs确认逻辑
  $modal.find('[data-confirm="ok"]').on('click', function() {
    $element.trigger('confirm:complete', true);
    $modal.modal('hide');
  });

  // 当模态框被隐藏时，取消执行原始的rails-ujs确认逻辑
  $modal.on('hidden.bs.modal', function() {
    $element.trigger('confirm:complete', false);
  });

  // 显示模态框
  $modal.modal('show');

  // 阻止默认的确认对话框显示
  return false;
};