does not work for the smooth disappearance of the jquery unit



  • When the lines are removed from the table, they don't float smoothly, but sharply, without animacic.

    $('#users_del').click(function () {
        var row_id = [];
        $(".checked").each(function (indx, element) {
            row_id.push($(element).attr('id'));
        });
        $(".checked").fadeOut(500, function () {
            $.ajax({
                type : "POST",
                url : '/admin/menu/users/users_del_db.php',
                data : {
                    "row_id" : row_id
                },
                cache : false,
                beforeSend : function (html) {
                    $("#reports").empty();
                },
                success : function (html) {
                    $("#reports").fadeIn(500);
                    $("#reports").append(html);
                    $("#reports").delay(500);
                    $("#reports").fadeOut(500);
                }
            });
        });
    });
    

    <table>
    <tr id="<?=$data['users_id']?>" class="table_row checked">
    <td class="under_cell <?=$data['users_id']?>">
    <button id="<?=$data['users_id']?>" class="btn editor fa fa-info users_info" name="">
    </button>
    <td class="under_cell <?=$data['users_id']?>">
    <?=$data['users_id']?></td>
    <td class="under_cell <?=$data['users_id']?>">
    <?=$data['users_first_name']?></td>
    <td class="under_cell <?=$data['users_id']?>">
    <?=$data['users_login']?></td>
    <td class="under_cell <?=$data['users_id']?>">
    <?=$data['user_phone']?></td>
    <td class="under_cell <?=$data['users_id']?>">
    <?=$data['users_email']?></td>
    <td class="under_cell <?=$data['users_id']?>">
    <?=$data['users_last_activity']?></td>
    <td class="under_cell <?=$data['users_id']?>">
    <?=$data['status']?></td>
    </tr>
    </table>
    <div id="reports"></div>



  • The problem in the chat room is that the element should be transparent. tr Browser EDGE/IE - in this case, animation doesn't work.

    As a bypass, not a line, but a cell could be hidden:

    $(".checked td").fadeOut(500, function () {
        $.ajax({...});
    }
    

    https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4826575/




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2