Sweetalert: Перейти по ссылке после нажатия OK

Созданный на 28 окт. 2014 · 4Комментарии · Источник: t4t5/sweetalert

Простите мою неопытность. Как я могу добиться этого:

Я бы хотел, чтобы sweetalert показывал сообщение, когда пользователь щелкает ссылку, но затем переходил по ссылке только в том случае, если пользователь выбирает «ОК» в диалоговом окне sweetalert.

Спасибо!

Источник

voodoo6

Самый полезный комментарий

Этого на самом деле очень просто добиться. В этом примере я использую jQuery.

$('a').click(function(e){
    e.preventDefault();
    var link = $(this).attr('href');

    swal({
        title: "Are you sure?",
        text: "By clicking 'OK' you will be redirected to the link.",
        type: "warning",
        showCancelButton: true
    },
    function(){
        window.location.href = link;
    });
});

Это добавит поведение ко всем a-тегам. Если вы хотите, чтобы это было только для определенных ссылок, вы можете добавить определенный класс к a-тегам и ограничить функциональность sweetAlert только ими.

t4t5 29 окт. 2014

👍2 ❤1

Все 4 Комментарий

В библиотеке такой возможности нет. Я модифицирую конструктор в #165 (нам нужно дождаться одобрения) для отправки дополнительного параметра в конструктор, в данном случае это будет ссылка.

jupazave 28 окт. 2014

Этого на самом деле очень просто добиться. В этом примере я использую jQuery.

$('a').click(function(e){
    e.preventDefault();
    var link = $(this).attr('href');

    swal({
        title: "Are you sure?",
        text: "By clicking 'OK' you will be redirected to the link.",
        type: "warning",
        showCancelButton: true
    },
    function(){
        window.location.href = link;
    });
});

t4t5 29 окт. 2014

👍2 ❤1

Спасибо, что помогли Тристану, все работает отлично!

voodoo6 30 окт. 2014