【Rails】Data Confirm Modal - backdrop

backdrop とは

直訳すると劇場幕のことで、Webではモーダルを開いたときの背景の黒いところのことを言います。

backdropをクリックしてもモーダルが非表示にならない方法

dataConfirmModal.confirm({
  title: 'Are you sure?',
  text: 'Really do this?',
  commit: 'Yes do it',
  cancel: 'Not really',
  zIindex: 10099,
  onConfirm: function() { alert('confirmed') },
  onCancel:  function() { alert('cancelled') },
  onHide:    function() { alert('hidden') },

  // これを追加することで、backdropをクリックしてもモーダルが非表示にならない
  backdrop: 'static'
});

参考

• GitHub ifad / data-confirm-modal
  • https://github.com/ifad/data-confirm-modal