web-dev-qa-db-ja.com

ポップアップウィンドウの外側をクリックしたときにSweetAlertが閉じないようにする

Sweet Alertを使用して、カートビューに移動するためのボタンとビューを再ロードするためのボタンの2つのボタンがあるEコマースアプリケーションの製品ビューのポップアップを表示します。

ただし、ユーザーがポップアップの外側をクリックすると、ポップアップウィンドウが自動的に閉じます。私はそれが閉じられるのを止めるために次のプロパティを試しましたが、何も動作しません：

hideOnOverlayClick: false,
hideOnContentClick: false,
closeClick: false,
helpers: {
    overlay: { closeClick: false } 
}

どんな助け/提案も大歓迎です。

ありがとう。

javascriptsweetalert
16
Saqib A. Azhar

Sweet Alert 2を使用している場合、この構成を使用できます

allowOutsideClick: false

これは動作するはずです。

29
Halawa

探しているプロパティはcloseOnClickOutsideです：

closeOnClickOutside: false
17
Channel

SweetAlert 2の場合：

allowOutsideClick: false

およびバージョンおよびバージョン2より下の一部：

closeOnClickOutside: false
10
SouravOrii

AllowOutsideClick：falseの例

swal({
  title: "View Cart",
  text: "Are you sure?",
  type: "warning",
  showCancelButton    : true,
  confirmButtonColor  : "#ff0000",
  confirmButtonText   : "Yes",
  allowOutsideClick: false,
  CancelButtonText    : "No"
            },
                function() //confirm
            {
                //if Yes do this
            }
);
2
Qammar Feroz

Sweetalertバージョン<2の場合

swal(
         "Records will be deleted permanently.",  //title
         "Do you want to delete records?",  //text
         "warning",  //icon
         {
              closeOnClickOutside: false, // prevent close on click anywhere/outside
              buttons: ["No", "Yes"], //with custom label
              dangerMode: true,
         }
    ).then(ok => {
         if (ok) {
              console.log("deleted")
         }
         else {
              console.log("not deleted")
         }
    })
1
Suresh Maurya

このプロパティを設定できます：

allowOutsideClick: true
0
Vinod Bhavnani

つかいます backdrop:true とともに allowOutsideClick: false以下のとおり。それは私のために働いた。

swal({
    backdrop:true,
    allowOutsideClick: false,
    title:'Warning!',
    text:'Do you want to delete records?',
    type:'warning',
    showCancelButton: 0,
    confirmButtonText: 'OK',
}).then(function(e) {
    if (e.value) {
        //do what you want
    }
})
0
gihandilanka

上記の答えがうまくいかない場合は試してください：

closeOnClickOutside: false

0
Gareth32

最新バージョンでは

allowOutsideClick: false
0
Swapnil Ghone

Escまたは外部のダイアログを閉じたくない場合は、以下をクリックしてください。

swal({
  title: "Are you sure?",
  text: "You will not be able to recover this details!",
  icon: "warning",
  closeOnClickOutside: false,
  closeOnEsc: false,
  allowOutsideClick: false,
  buttons: [
    'No, cancel it!',
    'Yes, I am sure!'
  ],
  dangerMode: true,
})
0
Jitendra