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-1.10.2およびjquery-ui.1.10.3を使用しているjqueryのバージョンと互換性のあるjquery.blockUIバージョンバージョン2.66.0-2013.10.09を使用します

それが失敗していることは何ですか？

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 に答える