Php 成功函数没有';行不通

Php 成功函数没有';行不通,php,jquery,Php,Jquery,我正在尝试使用ajax删除图像框,我的class=“box”在单击“删除”时不会消失,但我的图像已从数据库中删除并与文件夹解除链接,有人能看到我的代码是否有问题吗,提前谢谢 我的代码: <ul> <?php while ($result = mysql_fetch_array($sql)) { ?> <li class="box"> <div class="image-box"> <div cl

我正在尝试使用ajax删除图像框,我的
class=“box”
在单击“删除”时不会消失,但我的图像已从数据库中删除并与文件夹解除链接,有人能看到我的代码是否有问题吗,提前谢谢

我的代码:

<ul>
<?php while ($result = mysql_fetch_array($sql)) { ?>
    <li class="box">
        <div class="image-box">
            <div class="items-image" style="background-image: url(upload/<?php echo $result['img_1']; ?>);"></div>
            <p class="error" style="display: none;">Can't delete</p>
            <div class="items-footer">
                <a class="delete" id="<?php echo $result['img_id']; ?>"><i class="fa fa-trash fa-lg"></i></a>
            </div>
        </div>
    </li>
<?php } ?>
</ul>

$(document).ready(function(){
    $(".delete").on('click', function(evt){
    var del_id = $(this).attr('id');
    var prop_id = "<?php echo $ID; ?>";
        $.ajax({
            type:'POST',
            url:'image_delete.php',
            data: ({delete_id : del_id, product_id: prop_id}),
            success: function(data) {
                if(data == '0') {
                    $(".error").show();
                } else if(data == '1') {
                    $(this).parents(".box").animate({ backgroundColor: "#003" }, "slow").animate({ opacity: "hide" }, "slow");
                }
            }
        }); 
    });
});
  • 使用删除:

    $(document).ready(function(){
        $(".delete").on('click', function(evt){
        var del_id = $(this).attr('id');
        var prop_id = "<?php echo $ID; ?>";
        var box = $(this).closest(".box");
            $.ajax({
                type:'POST',
                url:'image_delete.php',
                data: ({delete_id : del_id, product_id: prop_id}),
                success: function(data) {
                    if(data == '0') {
                        $(".error").show();
                    } else if(data == '1') {
                        box.animate({ backgroundColor: "#003" }, "slow").animate({ opacity: 0 }, "slow");
                        box.remove();
                    }
                }
            }); 
        });
    });
    
    $(文档).ready(函数(){
    $(“.delete”)。在('click',函数(evt){
    var del_id=$(this.attr('id');
    var prop_id=“”;
    变量框=$(此);
    $.ajax({
    类型:'POST',
    url:'image_delete.php',
    数据:({delete_id:del_id,product_id:prop_id}),
    成功:功能(数据){
    如果(数据='0'){
    $(“.error”).show();
    }else if(数据='1'){
    动画({backgroundColor:#003“},“slow”)。动画({opacity:0},“slow”);
    box.remove();
    }
    }
    }); 
    });
    });
    

    注意:
    $(这个)
    指的是ajax对象,不透明度是1到0之间的值

    typo
    var-box=.closest(.box”)@roullie抱歉,已修复;
    
    $(document).ready(function(){
        $(".delete").on('click', function(evt){
        var del_id = $(this).attr('id');
        var prop_id = "<?php echo $ID; ?>";
        var box = $(this).closest(".box");
            $.ajax({
                type:'POST',
                url:'image_delete.php',
                data: ({delete_id : del_id, product_id: prop_id}),
                success: function(data) {
                    if(data == '0') {
                        $(".error").show();
                    } else if(data == '1') {
                        box.animate({ backgroundColor: "#003" }, "slow").animate({ opacity: 0 }, "slow");
                        box.remove();
                    }
                }
            }); 
        });
    });