1

我有一个要禁用的简单 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 版本兼容

任何想法它失败了什么？

4

1 回答 1

2

你必须做这样的事情，你正在像这样调用 blockUI$('#MyDiv').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>

工作小提琴

于 2013-11-06T11:46:14.303 回答