Question 37113 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

javascript .bind() is Not working on microsoft edge and Google chrome – Jquery

This code is working perfectly on mozila(103.0) but, it is not working on chrome or microsoft edge.

$('#loading').bind('ajaxStart', function () {
  $(this).show();
}).bind('ajaxStop', function () {
  $(this).hide();
});

on console it gives Notice :

Synchronous XMLHttpRequest on the main thread is deprecated because of
its detrimental effects to the end user’s experience.

Tags:

2

Answers


  1. 0

    I would say that you might forgot to wait for document being ready:

    
$(document).ready(function(){

  $('#loading').bind('ajaxStart', function () {
    $(this).show();
  }).bind('ajaxStop', function () {
    $(this).hide();
  });

});
    Login or Signup to reply.
  2. 0

    As .bind() method is deprecated. You can use .on() method instead.

    $(document).ready(function(){

  $('#loading').on('ajaxStart', function () {
    $(this).show();
  }).bind('ajaxStop', function () {
    $(this).hide();
  });

});
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search