ajax調用后刪除元素

Question

我有一個 div 元素在模態關閉之后，這使我的屏幕無響應。

               <div class="modal-backdrop fade show"></div>

當我通過以下命令從控制台刪除屬性時，它可以工作。

                    $( ".modal-backdrop" ).remove();

但是當我在 ajax 調用成功時添加它時，它沒有。 我應該以不同的方式處理這個嗎？

下面是ajax調用：

     function saveParty(){
     var hasError = validateParty();
     if(!hasError){
     var data = loadPartyDetails();
      var objectID = $("#objectID").val();
      $.ajax({
        type : "POST",
        contentType: "application/json",
        url: "/saveDetails/" + objectID + "/",
        data: JSON.stringify(data),
       timeout : 100000,
       success : function(result) {
             $("#detailsPanel").html(result);
         document.getElementById("successMsgParties").style.display="";
          $('#successMsgParties').delay(5000).fadeOut('slow');
          },
     error : function(e) {
         console.log("ERROR: ", e);
          },
     done : function(e) {
         console.log("DONE");
         }
     });

    }

我已經將刪除行代碼完成並在 ajax 調用完成后。

Answer 1

嘗試在成功響應中寫下這個：

$(".modal-backdrop" ).hide();

或者使用empty()使 html 為空：

$(".modal-backdrop" ).empty();

或者讓 html 為空：

$(".modal-backdrop" ).html('');

Answer 2

在成功部分寫這個

$(".modal-backdrop" ).remove(); 

Answer 3

我必須在多個地方使用下面的內容才能使其工作。

      $(".modal-backdrop" ).remove();