ユーザーがボタンをクリックする数秒後にモーダルダイアログが消える

Question

私は自分のプロジェクトにsweetalert.jsを追加しようとしています。ユーザーが更新ボタンをクリックすると、確認を求めるダイアログがポップアップ表示され、必要な場合はアクションが実行され、そうでない場合は何もせずにダイアログが閉じられます。

これまでのところ私は機能作った：

function refresh() { 
     swal({ 
      title: "", 
      type: "warning", 
      text: "Do you want to proceed?", 
      confirmButtonText: "Yes", 
      cancelButtonText: "No" 
      showCancelButton: true, 
      closeOnConfirm: true, 
     }); 

を、私は

@using (@Html.BeginForm("Refresh", "Site", FormMethod.Post)) 
{ 
    <button type="submit" onclick="refresh()">Refresh</button> 
} 

ここでそれを呼んでいるが、私はボタンをクリックしたときに、それがわずか数秒のカップルのためのダイアログを示しダイアログが消え、自動的に更新されます。キャンセルや確定ボタンをクリックすると同じことが起こります。

Answer 1

この設定では何の問題もありません。たとえば、あなたの設定にカンマがないなど、すべてのことが正しいことを確認してください。 は私のバイオリンを見てください：https://jsfiddle.net/04awn537/

$(document).ready(function() { 
    $('#button').on('click', function() { 
     swal({ 
      title: "", 
      type: "warning", 
      text: "Do you want to proceed?", 
      confirmButtonText: "Yes", 
      cancelButtonText: "No", 
      showCancelButton: true, 
      closeOnConfirm: true 
     }) 
    }); 
});