sweetAlert preventDefault и возвращает true

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

$(document).ready(function () {
function handleDelete(e){
    e.preventDefault();
    swal({
        title: "Are you sure?",
        text: "You will not be able to recover the delaer again!",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes, delete!",
        closeOnConfirm: false
    },
    function (isConfirm) {
        if (isConfirm) {
            return true;
        }
    });
};
});

и кнопка

 <a href="{plink delete! $row->id_dealers}" class="delete" onclick"handleDelete(event);">&nbsp;</a>
 //{plink delete! $row->id_dealers} Nette -> calls php delete handler

Я также пробовал unbind() и off() вместо return false, не работает. Ранее я использовал confirm() с атрибутом return true и return false в onclick, это работает, но выглядит ужасно.


jquery return sweetalert preventdefault
person kristyna    schedule 23.05.2015    source источник
comment
событие уже было остановлено из-за e.preventDefault();, поэтому материал по умолчанию больше не будет работать.   -  person Dhiraj    schedule 24.05.2015
comment
Да, я знаю. Поэтому я и спрашиваю здесь решение :)   -  person kristyna    schedule 24.05.2015

Ответы (3)


arrow_upward
5
arrow_downward

Вы можете попробовать что-то вроде этого

$(document).ready(function () {
  $('.delete').on('click',function(e, data){
    if(!data){
      handleDelete(e, 1);
    }else{
      window.location = $(this).attr('href');
    }
  });
});
function handleDelete(e, stop){
  if(stop){
    e.preventDefault();
    swal({
      title: "Are you sure?",
      text: "You will not be able to recover the delaer again!",
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes, delete!",
      closeOnConfirm: false
    },
    function (isConfirm) {
      if (isConfirm) {
        $('.delete').trigger('click', {});
      }
    });
  }
};

Вот демо http://jsbin.com/likoza/1/edit?html,js,output

Другой способ — использовать форму вместо href.

Разметка будет выглядеть так

<form action="">
  <input type="submit" ...... />
</form>

а вместо window.location = $(this).attr('href'); можно просто сказать form.submit()

Обновлять

Если на странице несколько элементов, триггер можно использовать следующим образом.

$(e.target).trigger('click', {});

Вот демо http://output.jsbin.com/likoza/2

person Dhiraj    schedule 24.05.2015
comment
Для тех, у кого есть несколько ссылок с одним и тем же классом, не забывайте, что $('.delete').trigger('click', {}); относится не к выбранному элементу, а ко всем элементам с class=delete. - person kristyna; 24.05.2015
comment
@kikinet Если элементов несколько, вы можете использовать $(e.target).trigger('click', {});. Обновил мой ответ другой демонстрацией. - person Dhiraj; 24.05.2015
comment
Для меня использование действия триггера на function (isConfirm) приводит к циклу с кнопкой удаления. Я изменил действие с помощью form.submit(); и работал как часы. Спасибо. - person Pablo; 27.09.2017

arrow_upward
2
arrow_downward

Вот как я это сделал:

$('.delete').on('click', function(e) {
    e.preventDefault();
    var currentElement = $(this);

    swal({
            title: "Are you sure?",
            text: "You will not be able to recover the delaer again!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete!",
            closeOnConfirm: false
        },
        function () {
            window.location.href = currentElement.attr('href');
        }
    );
});
person Yoh    schedule 02.09.2016

arrow_upward
0
arrow_downward

Вот как я это сделал:

<script>

$(document).ready(function () {
    $("#submitDelete").on("click", function () {
        swal({
            title: "Delete important stuff?",
            text: "That seem like your deleting some important Item. Are you sure?",
            dangerMode: true,
            icon: "warning",
            buttons: true,
            dangerMode: true
        }).then((confirmed) => {
            if (confirmed) {
                $(function () {
                    $('#DeleteForm').submit(); // manully submit });
                });
            }
        });
    });
});

person Mahmoud Abdeen    schedule 22.12.2019