BlockUI + jQuery 3

BlockUI + jQuery 3

Hi,

I'm getting this error when trying to use blockui plugin:

TypeError: lyr2._fadeIn is not a function [Learn More] jquery.blockUI.min.js:1:7615

This is the code I'm playing with:

  1. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  2. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  3. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  4. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js"></script>
  5. <script type="text/javascript">
  6.   $( document ).ready(function() {
  7.     $('#testBtn').on('click', function () {
  8.       $.blockUI();
  9.       setTimeout($.unblockUI, 2000);
  10.     });
  11.   });
  12. </script>

I've been using this plugin with jQuery 1.X without running into any issue.

Could it be that it's not compatible with the version of jQuery I'm using? I couldn't find anything related to this.

Thanks in advance,