Zwei jQuery-Anweisungen arbeiten in Firefox und nicht in Chrome

Question

Ich würde gerne einen Ajax innerhalb einer Schleife auf Knopfdruck aufrufen. Bitte finden Sie meinen Code unten. Der Code funktioniert in Mozilla Firefox ohne irgendein Problem. aber in Google ChromeSchritt 1 und Schritt 2, nicht bekommen ausführen, es geht direkt in jede Methode. Mein Code:

$('#button_id').click(function() { 
 
     $(this).prop("disabled", true); /*Step 1*/ 
 
     $(this).html('<li class="fa fa-refresh fa-spin"></li>&nbsp;&nbsp;Please wait..'); /*Step 2*/ 
 
     $.each(MyData, function (i, value) { 
 
      $.ajax({ 
 
       url: "myurl", 
 
       type: "POST", 
 
       dataType: "json", 
 
       async: false, 
 
       success: function (result) { 
 
        alert("success"); 
 
       }, 
 
       error: function (xhr, status, error) { 
 
        alert("Error"); 
 
       } 
 
      }); 
 
     }); 
 
     $(this).html('<li class="fa fa-Send"></li>&nbsp;&nbsp;Submit'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="button" id="button_id" class="btn btn-lg btn-success warning_1 btn-block" style="border-radius: 3px;"><li class="fa fa-send" ></li>&nbsp;&nbsp;Submit</button>

Answer 1

Sie benötigen $('this')$(this) und nicht zu verwenden. Einfache Anführungszeichen sollten entfernt werden:

$('#button_id').click(function() { 
 
    /*Step 1*/ 
 
    $(this).prop("disabled", true); 
 
    /*Step 2*/ 
 
    $(this).html('<li class="fa fa-refresh fa-spin"></li>&nbsp;&nbsp;Please wait..'); 
 
    $.each(MyData, function(i, value) { 
 
    $.ajax({ 
 
     url: "myurl", 
 
     type: "POST", 
 
     dataType: "json", 
 
     async: false, 
 
     success: function(result) { 
 
     alert("success"); 
 
     }, 
 
     error: function(xhr, status, error) { 
 
     alert("Error"); 
 
     } 
 
    }); 
 
    }); 
 

 
    $(this).html('<li class="fa fa-Send"></li>&nbsp;&nbsp;Submit'); 
 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="button_id">Button</button>