0

您好，我有一个指向删除文件的文件 (unlink.php) 的 href。现在我已经设置了在单击指向 unlink.php 的链接时显示的甜蜜警报。这可行，但是当我在甜蜜警报中单击“确定”时，什么也没有发生。当我在甜蜜警报框中单击确定时，我需要一些如何重置 preventDefault 功能。谢谢你。

甜蜜警报代码：

<script>
        $('#unlink').on('click', function(e) {
            e.preventDefault();
            swal({
            title: 'Är du säker?',
            text: "Denna bild kommer att raderas!",
            type: 'Varning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Ja, radera denna bild!'
            })
            }).then((result) => {
            if (result.value) {
                swal(
                'Radera!',
                'Bilden är nu raderad.',
                'Radering av bild lyckades.'
                ) 
            } 
            })
        </script>
4

4 回答 4

1

我希望这能帮到您...

<script>
    $('#unlink').on('click', function(e) {
        e.preventDefault();
        swal({
            title: 'Är du säker?',
            text: "Denna bild kommer att raderas!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Ja, radera denna bild!'
         }).then((result) => {
            if (result.value) {
                //Ajax call to delete file          
                [....] // ajax stuff 
                if(resp.status == 'success') {
                    swal(
                        'Raderade!',
                        'Bilden är nu raderad.',
                        'success'
                    )
                }
                else {
                    swal(
                        'Fel!',
                        'Misslyckades att radera bilden.',
                        'error'
                     )
                 }
            } 
         });
     )};
</script>
于 2018-10-29T13:25:37.617 回答
0

这就是我现在拥有的，它删除了图像，但我从来没有看到甜蜜的警报框。

            <script>
        $('#unlink').on('click', function(e) {
            e.preventDefault();

                        swal({
                        title: 'Är du säker?',
                        text: "Denna bild kommer att raderas!",
                        type: 'Varning',
                        showCancelButton: true,
                        confirmButtonColor: '#3085d6',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Ja, radera denna bild!'
                        }).then((result) => {
                        if (result.value) {
                            $.ajax({
                                url: 'unlink.php'
                            })
                        if(resp.status == 'success') {
                            swal(
                                'Raderade!',
                                'Bilden är nu raderad.',
                                'success'
                            )
                        }
                        else {
                            swal(
                                'Fel!',
                                'Misslyckades att radera bilden.',
                                'error'
                            )
                        }
                    } 
                });
            )};
        </script>
于 2018-10-29T14:19:19.623 回答
0

好的，现在我有这个工作的代码，问题是即使我点击取消，图像仍然被删除。

<script>
                $('.unlink a').on('click', function(e) {
                e.preventDefault(); // Prevent the href from redirecting directly

                swal({
                title: 'Radera!',
                text: "Är du säker?",
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ja, radera denna bild!',
                cancelButtonText: 'Nej, radera ine denna bild!',
                closeOnCancel: true

                }).then(function (e) {
                if (true) {
                    window.location = "unlink.php?filename=<? echo $file?>";
                    }
                    })
                })                  
            </script>
于 2018-10-29T18:53:05.823 回答
0

我现在进来了：

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.28.10/dist/sweetalert2.js"></script>
           <script>
                $('.unlink > a:nth-child(2)').on('click', function(e) {
                        e.preventDefault();

                        swal({
                        title: 'Vill du radera denna bild?<br><? echo $file?>',
                        text: "Om du klicka på ja, så kommer denna bild att raderas!!!",
                        type: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#d33',
                        cancelButtonColor: '#3085d6',
                        confirmButtonText: 'Ja, Radera!',
                        cancelButtonText: 'Nej, Avbryt!',
                        }).then((result) => {
                    if (result.value) {
                        window.location.href = "unlink.php?filename=<? echo $file?>";
                    } else if (
                        // Read more about handling dismissals
                        result.dismiss === swal.DismissReason.cancel
                    ) {
                        // If cancel do nothing
                    }
                    })
                    })
            </script>
于 2018-10-30T18:47:23.263 回答