Question

我有一个我想禁用的简单div：

<div id="MyDiv">
</div>

我在下面表演：

$('#MyDiv').blockUI({
    message: '<h1>This has been blocked!</h1>',
    css: { border: '3px solid #a00' }
});

在运行时会抛出错误：

“对象不支持/接受此属性或方法'blockUI'”

我已将其包含在内：

<script type="text/javascript" src="@Url.Content("~/MyScripts/jquery.blockUI.js")"></script>

我使用的是jquery.blockUI版本2.66.0-2013.10.09，它与我使用jquery-1.10.2和jquery-ui.1.10.3的jquery版本兼容

任何想法是什么失败了？

Answer 1

您必须执行类似这样的操作，您正在调用此类$('#MyDiv').blockUI之类的blockUI，但请查看的文档不是正确的调用方式

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://malsup.github.io/jquery.blockUI.js">
</script>

<script>
$(document).ready(function() { 
    $('#demo3').click(function() { 
        $.blockUI({
    message: '<h1>This has been blocked!</h1>',
    css: { border: '3px solid #a00' }
});
    }); 
}); 
</script>
<body>
<div id=MyDiv"></div>
<div id="demo3">fff</div>
</body>
</html>

工作fiddle

jquery.blockUI插件无法正常工作

1 个答案: