主页 / 问题 / 929922
Accepted
wq55
Asked:2020-01-09 15:04:38 +0000 UTC2020-01-09 15:04:38 +0000 UTC

编辑消息并删除多余的

  • 772

如何让消息出现在中间，而不是 OK 和 Cancel 以便它是 Yes 和 No，也可以在此函数中直接将样式应用于消息（字体更粗，窗口更漂亮）并删除短语 -确认 localhost 页面上的操作：...

 else if($('#type').val() == 1 && $('#name_pred').val() == 0){
     strMessage = (typeof strMessage !== 'undefined') ? strMessage : 'Обращение в отношении заявителя?'; 
     return !!confirm( strMessage );         
    }
jquery

1 个回答

  1. Best Answer

    标准确认不能定制。但是你可以做一些选择。

    1. 使用现成的解决方案，例如jQuery UI 对话框

    $(function() {
  $('.openModal').on('click', function () {
    $('#dialog-confirm').dialog({
      resizable: false,
      height: 'auto',
      width: 400,
      modal: true,
      buttons: {
        'Да': function() {
          $(this).dialog('close');
          // сделать что-то если да
        },
        'Нет': function() {
          $(this).dialog('close');
          // сделать что-то если нет
        }
      }
    });
  });
 });
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id="dialog-confirm" title="Обращение в отношении заявителя?">
</div>

<button type="button" class="ui-button ui-corner-all ui-widget openModal">Открыть модальное окно</button>

    1. 编写你的模态窗口

    $(function () {
  $('.openModal').on('click', function () {
    $('.modalDialog').show();
  });
  $('.close').on('click', function() {
    $('.modalDialog').hide();
  });
});
    .modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity: 1;
  display: none;
}

.modalDialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 5px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}

.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

button {
  color: #fff; 
  user-select: none;
  background: #D44B38;
  padding: .7em 1.5em;
  outline: none;
}
button:hover { background: #E85F4C; }
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="openModal">Открыть модальное окно</button>

<div class="modalDialog">
  <div>
    <a href="#close" title="Close" class="close">X</a>
      <h2>Обращение в отношении заявителя?</h2>
      <button>Да</button>   
      <button>Нет</button>   
   </div>
</div>

    • 1

相关问题