0

包括 jquery-1.3.2.min.js 和 blockUI-2.15.0.js 这里

<script type="text/javascript">

    $(document).ready(function() {
        $(".noButton").click(function(e) {
            e.preventDefault();

            $.blockUI({ message: $('#AreYouSureMessage') });

        });

        $('.noButtonPopup').click(function() {

            doNoPostBack();

            return true;
        });

        $('.yesButtonPopup').click(function() {

            doYesPostBack();

            return true;
        });

$.blockUI.defaults.overlayCSS.opacity = 0.7;

$.blockUI.defaults.css.width = '500px';

$.blockUI.defaults.css.border = '1px 实心#000000';

$.blockUI.defaults.css.height = '700px';

$.blockUI.defaults.fadeOut = 0;

注意：我在 IE 中收到如下错误

'$.blockUI.defaults' 为 null 或不是对象

4

2 回答 2

2

我们刚刚在我们的一个内容页面（Web 表单）中遇到了同样的问题。与同一母版页绑定的其他内容页面运行良好。

实际上，我们已经在母版页中包含了 jQuery.js 文件引用，但是对 jQuery.js 的相同引用再次包含在内容页中。这导致了错误消息“$.blockUI.defaults' is null or not an object”。

这也意味着，即使您在任何 .aspx 页面中错误地引用了 jQuery.js 文件，您也可能会遇到类似的错误消息。

希望这可能会有所帮助。

于 2013-04-10T12:09:14.157 回答
0

我对这个问题的解决方案是将所有 jquery 参考文件放在同一个文件夹中。并检查所有 jquery 文件的路径是否正确（../Script/jquery.BlockUI.js）。

notice on ../


Also check for the same reference to jQuery.js was included in the content page once again.

Ref Link for 
http://amitchandnz.wordpress.com/2010/08/24/jquery-blockui-using-animated-image/

To add BlockUI for Masterpage so that the entire site can perform loading panel when postback

######################################################################################
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="../Scripts/jquery/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../Scripts/jquery/jquery-ui.js"></script>
    <link rel="stylesheet" type="text/css" href="Scripts/jquery/jquery-ui.css" />
    <script src="../Scripts/jquery/jquery.blockUI.js" type="text/javascript"></script>

     <script type="text/javascript">
 function BlockUI(elementID) {
            var prm = Sys.WebForms.PageRequestManager.getInstance();
            prm.add_beginRequest(function () {
                $("#" + elementID).block({ message: '<table><tr><td>' + '<img src="../Scripts/jquery/ajax-loader.gif"/></td></tr></table>',
                    css: {},
                    overlayCSS: { backgroundColor: '#FFFFFF', opacity: 0.6, border: '1px solid #000000' }
                });
            });
            prm.add_endRequest(function () {
                $("#" + elementID).unblock();
            });
        }
        $(document).ready(function () {
            BlockUI("divMain");
            $.blockUI.defaults.css = {};
        });



    </script>

    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">
    <asp:UpdatePanel ID="ajaxUpdatePanel" runat="server">
                        <ContentTemplate>
                            <div id="divMain">
                                <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
                            </div>
                        </ContentTemplate>
                    </asp:UpdatePanel>

    </form>
</body>
</html>

######################################################################################







**Download link for jquery.BlockUI.js** 

http://jquery.malsup.com/block/#download

**Download link for jquery core**

http://jquery.com/download/

**URL for alternatre loading Icon** 

http://www.ajaxload.info/


Hope this may help.
于 2014-01-21T06:47:07.333 回答