javascript - 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('');