Запретить закрытие SweetAlert при нажатии вне всплывающего окна

Я использую Sweet Alert для всплывающего окна с моим продуктом в приложении для электронной коммерции с двумя кнопками: одна для перехода в режим просмотра корзины и другая для перезагрузки представления.

Но когда пользователь нажимает за пределами всплывающего окна, всплывающее окно закрывается автоматически. Я попытался следующие свойства, чтобы остановить его, но ничего не работает:

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

Любая помощь/предложение высоко ценится.

Благодарю.

Ответы

Ответ 1

Если вы используете Sweet Alert 2, вы можете использовать эту конфигурацию

allowOutsideClick: false

Это должно работать.

Ответ 2

Имущество, которое вы ищете, - closeOnClickOutside:

closeOnClickOutside: false

Ответ 3

Для SweetAlert 2:

allowOutsideClick: false

и версия 3 и некоторые ниже версии 2:

closeOnClickOutside: false

Ответ 4

Это 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
            }
);

Ответ 5

Если приведенные выше ответы не работают, попробуйте:

closeOnClickOutside: false

Ответ 6

Для сладкой версии <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")
         }
    })

Ответ 7

Вы можете установить это свойство:

allowOutsideClick: true

Ответ 8

Если вы не хотите закрывать диалог на 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,
})

Ответ 9

Используйте 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
    }
})

Ответ 10

Для последней версии это

allowOutsideClick: false