具体如下:
  1. /**
  2. * 自定义的弹出确认框
  3. * @param callback 回调函数
  4. * @param heading 标题
  5. * @param content 内容
  6. * @param okButtonTxt 确认的btn文案 默认文案 确认
  7. * @param cancelButtonTxt 取消的btn文案 默认文案 取消
  8. */
  9. confirm:function(callback, heading, content, okButtonTxt, cancelButtonTxt) {
  10. heading = heading || '温馨提示';
  11. content = content || '您确定要操作吗?';
  12. callback = callback || common.alertMsg;
  13. okButtonTxt = okButtonTxt || '确认';
  14. cancelButtonTxt = cancelButtonTxt || '取消';
  15. var confirmModal =
  16. $('<div class="modal fade">'+
  17. '<div class="modal-dialog">'+
  18. '<div class="modal-content">'+
  19. '<div class="modal-header">'+
  20. '<h4 class="modal-title">'+ heading +'</h4>'+
  21. '<button type="button" class="close" data-dismiss="modal">×</button>'+
  22. '</div>'+
  23. '<div class="modal-body">' + content + '</div>'+
  24. '<div class="modal-footer">'+
  25. '<button id="okButton" type="button" class="btn btn-success">' +okButtonTxt+ '</button>'+
  26. '<button type="button" class="btn btn-secondary" data-dismiss="modal">' +cancelButtonTxt+ '</button>'+
  27. '</div>'+
  28. '</div>'+
  29. '</div>'+
  30. '</div>');
  31. //点击确认的操作
  32. confirmModal.find('#okButton').click(function(event) {
  33. //todo eval将字符串转化为函数执行
  34. eval(callback);
  35. confirmModal.modal('hide');
  36. });
  37. //显示model框
  38. confirmModal.modal('show');
  39. }