jQuery的块UI获得$ .blockUI不是一个函数

问题描述 投票:0回答:2

我有这个非常简单的jQuery插件的脚本调用blockUI 我发现很多帖子有同样的问题,但没有解决 有人可以看看这个片段或建议blockUI的方法吗? 谢谢!

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>
javascript jquery
2个回答
1
投票

它的工作,但你会立即打电话疏通和它消失,通过函数到setTimeout的而不是调用它。

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>

2
投票

您需要包括jQuery的你有任何插件之前。

改变您的包括的顺序。

© www.soinside.com 2019 - 2024. All rights reserved.