jquery block ui getting $.blockUI is not a function

Question

I have this very simple script of jQuery plugin called blockUI
I found many posts with the same issue but no resolution
Can someone take a look at this snippet or suggest an alternative to blockUI?
Thank you!

function block() {
alert('gonna block')
  $.blockUI();
  setTimeout(unBlock(), 5000); 
}

function unBlock() {
	$.unblockUI();
}

function alertUser() {  
  alert('Alert User'); 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.js"></script>

<button onclick="alertUser()">Alert</button>
<button onclick="block()">Block!</button>
<button onclick="unBlock()">UnBlock!</button>

Adrian Brand · Accepted Answer · 2019-02-05 21:58:01Z

2

It does work but you are calling unblock instantly and it goes away, pass the function into setTimeout instead of calling it.

function block() {
  $.blockUI();
  setTimeout(unBlock, 5000); 
}

function unBlock() {
  $.unblockUI();
}

function alertUser() {  
  alert('Alert User'); 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.js"></script>

<button onclick="alertUser()">Alert</button>
<button onclick="block()">Block!</button>
<button onclick="unBlock()">UnBlock!</button>

edited Feb 5, 2019 at 21:58

answered Feb 5, 2019 at 21:51

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adrian Brand · Accepted Answer · 2019-02-04 22:09:24Z

2

You need to include jQuery before you include any plugins.

Change the order of your includes.

answered Feb 4, 2019 at 22:09

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

1 Comment

Konstantinos Cheilakos Jul 22 at 20:28

addin the 2 scripts mentioned above worked for me in a Wordpress installation

Collectives™ on Stack Overflow

jquery block ui getting $.blockUI is not a function

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related