javascript - 使用 ajax 删除 div 不起作用

Question

当我点击一个按钮时，父 div 没有被删除，没有被调用。

我的 JavaScript 部分：

<script>
    $(document).ready(function()
{
    $('.delete').click(function() {
        var parent = $(this).closest('div');
        $.ajax({
            type: 'get',
            url: 'delete.php', // <- replace this with your url here
            data: 'ajax=1&delete=' + $(this).attr('id'),
            beforeSend: function() {              
                parent.animate({'backgroundColor':'#fb6c6c'},300);
            },
            success: function() {
                parent.fadeOut(300,function() {
                    parent.remove();
                });
            }
        });        
    });
});

还有我的 HTML 部分

<div> 
   Some name
   <button type="submit" class="delete" value="Delete" id="multipleValues">Delete</button>                                
</div>

这个 div 在 Jquery dynatree 扩展中

Answer 1

<script>
$(document).ready(function () {
    $(document).on('click', '.delete', function () {
        var this = $(this);
        $.ajax({
            type: 'get',
            url: 'delete.php', 
            data: {some_data:data},
            beforeSend: function () {
                this.closest('div').animate({
                    'backgroundColor': '#fb6c6c'
                }, 300);
            },
            success: function (data) {
                this.closest('div').fadeOut(300, function () {
                    this.closest('div').remove();
                });
            }
        });//ajax ends
    });//click event ends
});//dom ready ends
 <script>