delete_hint_modal.ejs 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!--删除节点确认-->
  2. <div class="modal fade" id="del-node" data-backdrop="static">
  3. <div class="modal-dialog" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header">
  6. <h5 class="modal-title">删除确认</h5>
  7. </div>
  8. <div class="modal-body">
  9. <h6 id="del-node-hint">确认删除「当前节点及子项」?</h6>
  10. <h6 id="show-del-hint">删除后,数据无法恢复,请谨慎操作。</h6>
  11. </div>
  12. <div class="modal-footer">
  13. <button type="button" class="btn btn-sm btn-danger" id="del-node-ok" data-dismiss="modal">确定删除</button>
  14. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  19. <script>
  20. // 将删除确认模态框移到 body 下,避免 backdrop 遮挡问题
  21. $(document).ready(function() {
  22. $('#del-node').appendTo('body');
  23. });
  24. const deleteAfterHint = function (fun, hint = '', show = true) {
  25. $('#del-node').modal('show');
  26. $('#del-node-ok').bind('click', fun);
  27. if (hint) $('#del-node-hint').html(hint);
  28. if (show) {
  29. $('#show-del-hint').show();
  30. } else {
  31. $('#show-del-hint').hide();
  32. }
  33. $('#del-node').bind('hidden.bs.modal', function () {
  34. $('#del-node-ok').unbind('click');
  35. });
  36. }
  37. </script>