fadeout 질문있습니다

[이창민]

db상으로는 삭제가 잘 되는데 fadeout효과가 안나타나고 새로고침을해야합니다 ㅠㅠ
vsc껐다켜보기도하고 서버도 껐다켜보고 ㅠㅠ
틀린 부분이있을까욤?

<div class="container" style="height: 400px; overflow-y: scroll">
            <ul class="list-group">
              <% for (let i = test.length - 1; i >= 0; i--){ %>
              <li class="list-group-item">
                <p><%= test[i].request %></p>
                <button class="delete" data-id="<%=test[i]._id %>">삭제</button>
              
              <% } %>
            
          </div>
        </div>
      </div>
    </div>

    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
      crossorigin="anonymous"
    ></script>
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>

    <script>
      $(".delete").click(function (e) {
        $.ajax({
          method: "DELETE",
          url: "/delete-request",
          data: { _id: e.target.dataset.id },
        })
          .done((결과) => {
            $(this).parent("li").fadeOut();
          })
          .fail((에러) => {
            console.log(에러);
          });
      });
    </script>
  </body>
</html>

[codingapple]

서버에서 삭제성공시 응답도 잘하고 있나 확인합시다

[글쓴이]

글