Question

我有一个篮子，我可以拥有可以删除的物品

https://wiki.jenkins-ci.org/display/JENKINS/Subversion+Release+Manager

当我点击bin图标时，它会直接从包含此脚本的页面中删除它

$('.delete').on('click', function (e) {
            e.preventDefault();
            var value = $(this).attr('data-value');
            $.ajax({
                url: '{{ path('ajax_app_basket_bill_delete_item') }}',
                type: 'POST',
                dataType: 'json',
                data: {
                    'itemId': value
                },
                success: function (data) {
                    $('#item' + value).remove();
                    if (data['success'] == 1) {
                        $.ajax({
                            url: '{{ path('ajax_app_basket_bill_refresh_price') }}',
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                'credit_box' : creditBox,
                                'code' : code
                            },
                            success: function (data) {
                                $('#t1').text(data['totalWithoutTax']);
                                $('#t2').text(data['tax']);
                                $('#t3').text(data['total']);
                            }
                        });
                    }
                }
            });
        });

（这是html，如果你需要看到这个）

<a class="delete" data-value="{{ item.id }}" href="#"><i class="mdi mdi-delete"></i></a>

我的问题是，当我点击bin图标而不立即删除它时，我怎样才能真正创建一个非常简单的对话框来确认删除。

谢谢

Answer 1

最简单的方法是使用javascript函数confirm：

$('.delete').on('click', function (e) {
    e.preventDefault();
    if (confirm('Really delete this item?')){
        var value = $(this).attr('data-value');
        $.ajax({
            url: '{{ path('ajax_app_basket_bill_delete_item') }}',
            type: 'POST',
            dataType: 'json',
            data: {
                'itemId': value
            },
            success: function (data) {
                $('#item' + value).remove();
                if (data['success'] == 1) {
                    $.ajax({
                        url: '{{ path('ajax_app_basket_bill_refresh_price') }}',
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            'credit_box' : creditBox,
                            'code' : code
                        },
                        success: function (data) {
                            $('#t1').text(data['totalWithoutTax']);
                            $('#t2').text(data['tax']);
                            $('#t3').text(data['total']);
                        }
                    });
                }
            }
        });
    }
});

您可以通过jQueryUI的.dialog()或其他可通过Google轻松找到的其他对话框脚本获得更多的幻想。

使用ajax删除对话框 - Symfony 3

1 个答案: