Sweetalert: Pergi ke tautan di klik OK

Dibuat pada 28 Okt 2014 · 4Komentar · Sumber: t4t5/sweetalert

Maafkan saya yang tidak berpengalaman. Bagaimana saya bisa mencapai ini:

Saya ingin sweetalert menampilkan pesan ketika pengguna mengeklik tautan, tetapi kemudian hanya membuka tautan _jika_ pengguna memilih 'OK' dalam dialog sweetalert.

Terima kasih!

Sumber

voodoo6

Komentar yang paling membantu

Ini sebenarnya sangat sederhana untuk dicapai. Saya menggunakan jQuery dalam contoh ini.

$('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;
    });
});

Ini akan menambahkan perilaku ke semua tag-a. Jika Anda menginginkannya untuk tautan tertentu saja, Anda dapat menambahkan kelas tertentu ke tag-a, dan membatasi fungsionalitas sweetAlert hanya untuk mereka.

t4t5 pada 29 Okt 2014

👍2 ❤1

Semua 4 komentar

Perpustakaan tidak memiliki opsi untuk melakukan itu. Saya memodifikasi konstruktor di # 165 (Kita harus menunggu untuk disetujui) untuk mengirim param tambahan ke konstruktor, dalam hal ini tautannya.

jupazave pada 28 Okt 2014

Ini sebenarnya sangat sederhana untuk dicapai. Saya menggunakan jQuery dalam contoh ini.

$('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 pada 29 Okt 2014

👍2 ❤1

Terima kasih atas bantuan Anda Tristan, itu bekerja dengan sempurna!

voodoo6 pada 30 Okt 2014