Jquery阻止我的文件.ready功能不起作用

时间:2011-01-11 15:16:35

标签: javascript jquery jquery-ui

我有这段代码,

我将JS Script文件添加到我的母版页。

 <script src="/Scripts/Jquery.blockUI.js" type="text/javascript"></script>

这下面的代码我在master page.on document.ready

<script type="text/javascript">
    $(document).ready(function () {
        $.blockUI({ message: $('#question'), css: { width: '275px'} });
        }); 
</script> 
<div id="question" style="display:none; cursor: default"> 
    <h2 class="padding"><br />An unexpected system error has occurred while processing your request.<br /></h2>
    <h3>We apologize for this inconvenience.<br />
     Please report this error to your system administrator with the following information:<br /><br />
     Session id is:</h3>
     <input type="button" id="OK" value="OK" /> 
</asp:Content>

在我的Document.ready功能上,我的BlockUi无效?

任何人都可以告诉我它为什么不起作用吗?

感谢

1 个答案:

答案 0 :(得分:1)

刚刚查看blockUI Documentation中的一些语法,他们有以下示例:

$.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...</h1>' });

因此,根据您的情况,您可能需要:

$.blockUI({ message: $('#question').html(), css: { width: '275px'} });

我不确定.html()是否有帮助,你也可以尝试使用innerHtml()。我以前没有使用过blockUI,所以只是在黑暗中拍摄。

希望有所帮助:)

编辑:我已经纠正了,根据找到的here演示,您的语法似乎是正确的。某处必须有一些语法或引用错误。

问题还可能是脚本文件中缺少jQuery引用(因为blockUI至少需要v1.2.3 + jQuery。尝试在脚本区域中放入以下内容以查看是否可以解决您的问题,或者您可以使用下面的链接(在评论中)下载最新版本。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>