Question

我有一个用ajax删除数据的脚本。单击删除链接后，将出现一个确认框。

当我确认时，该框被隐藏，之后，包含已删除数据的div也会隐藏。

我希望首先隐藏包含已删除数据的div，然后隐藏该框。

// this div will be hidden
<div id="remove-item{{entity.id}}" >

    <a class="fa fa-trash-o fa-fw fa-2x  remove_item" href data-entity-id="{{ entity.id }}">
               </a>

</div>
<script>
    $(document).ready(function () {
        $(".remove_item").click(function () {
            var entityId = $(this).attr('data-entity-id'); //
            var removeItem = '#remove-item-' + entityId; // the div
            bootbox.dialog({
                title: '<i class="fa fa-exclamation-triangle" style="color: brown"></i> Confirm',
                message: 'Delete ?',
                className: 'my-class',
                buttons: {
                    cancel:{
                        className: 'btn btn-default',
                        label: 'Close'
                    },
                    success: {
                        className: 'fa fa-trash-o btn btn-danger',
                        label: ' Delete',
                        callback: function(){

                        $.ajax({
                           type: 'POST',
                           dataType: 'json',
                           url: Routing.generate('travel_delete_ajax', {'id': entityId }),
                           success: function () {
                              $(removeItem).hide(); // hide the div
                           }
                    });
                        }
                    }
                }
            });
            return false;
        });
    });
</script>

Answer 1

隐藏div previous 以打开对话框：

    $(".remove_item").click(function () {
         var entityId = $(this).attr('data-entity-id'); 
         var removeItem = '#remove-item-' + entityId; 

         $(removeItem).hide(); // <-- here

         bootbox.dialog({

         // <snip...>

         });
     });

隐藏块后隐藏对话框

1 个答案: