「jQuery」モーダル確認ダイアログ（model dialog）のサンプル

2020年9月25日

JSコード

 <script>
  $(function() {
    $( "#regDialog" ).dialog({
      resizable: false,
      height:100,
      modal: true,
      buttons: {
        "登録": function() {
          $( this ).dialog( "close" );
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      }
    });
  });
</script>

htmlコード

<div id="regDialog" title="登録しますか？">
  <p>
      <span class="ui-icon ui-icon-alert" style="float: left; margin: 0 8px 15px 0;"></span>
      登録しますか？
  </p>
</div>