ajax调用后删除元素

Question

I have a div element that is being the after the modal close which makes my screen unresponsive.

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

When I remove the attribute from console through below command it works.

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

But when I add this on success of ajax call it doesn't. Shall I handle this differently?

Below is the ajax call:

     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");
         }
     });

    }

I have putting remove line code in done and after ajax call completed.

Answer 1

Try to write this in success response:

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

Or make html empty using empty() :

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

Or make html empty:

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

Answer 2

在成功部分写这个

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

Answer 3

我必须在多个地方使用下面的内容才能使其工作。

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