使用本地脚本文件时出现blockUI javascript错误

时间:2015-09-02 17:16:54

标签: javascript jquery asp.net blockui

我试图在我的asp.net应用程序中使用blockUI离线。我创建了两个js文件,一个用于jquery,另一个用于blockUI script

然后我在.aspx页面中引用了这两个文件,如下所示:

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

以下是我如何使用它的一个例子:

<script type="text/javascript">
         Page = Sys.WebForms.PageRequestManager.getInstance();
         Page.add_beginRequest(OnBeginRequest);
         Page.add_endRequest(endRequest);

         function OnBeginRequest(sender, args) {
             $('div#blockme').block({
                 message: '<i class="fa fa-spinner fa-spin"></i> Loading...',
                 overlayCSS: { backgroundColor: '#fff' }
             });
         }
         function endRequest(sender, args) {
             $('div#blockme').unblock();
         }

    </script>

然而,当我运行它时,我得到一个javascript错误&#34;对象不支持方法&#39;阻止&#39;&#34;我从其他帖子中了解到这是因为jquery或blockUI没有正确加载。

但是当我使用在线脚本时,应用程序运行正常:

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

我需要离线使用它,所以我无法使用在线脚本。

在引用本地文件时,我有什么问题吗?

1 个答案:

答案 0 :(得分:1)

如果ASPX或母版页位于文件夹(根级别除外)中,您可以使用以下方法之一 -

<script src="~/Scripts/jquery.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.blockUI.js" type="text/javascript"></script>

或者

<script src="<%= ResolveUrl("~/Scripts/jquery.min.js") %>" 
     type="text/javascript"></script>
<script src="<%= ResolveUrl("~/Scripts/jquery.blockUI.js") %>" 
     type="text/javascript"></script>