JSFiddle - React, Tailwind, and code Playground

by no2don

HTML

<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>


<!-- jquery-confirm -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>

<button href="#" id="btnFoo" type="button">詢問用戶</button>

JavaScript

$('#btnFoo').click(function() {


  $.confirm({
    title: '付款前確認',
    animation: 'zoom',
    closeAnimation: 'scale',
    content: '貼心提醒您這次金額是 $1,000 元整',
    buttons: {
      確認: function() {
        alert('確認被按下了');
      },
      我再想想: function() {
        alert('客戶還要再想想');
      }
    }
  });


});