2012-02-15 1 views
0

inclus les jquery-1.3.2.min.js et et BlockUI-2.15.0.js ici

<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 solide # 000000';

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

$ .blockUI.defaults.fadeOut = 0;

Note: Je reçois l'erreur comme ci-dessous dans IE

« .blockUI.defaults $ » est nulle ou non un objet

+1

Avez-vous inclus blockui correctement? –

+0

Salut Andrew Whitaker, S'il vous plaît vérifier le code modifié –

+1

@NikhilPadmanabhan Avez-vous inclus le code complet? Vous semblez manquer la fin de votre méthode $ (document) .ready (function() {'. – GregL

Répondre

2

Nous venons tout juste face à la même question dans l'une de nos pages de contenu (Web Forme). Les autres pages de contenu liées à la même page maître fonctionnaient bien.

En fait, nous avions inclus la référence de fichier jQuery.js dans la page maître, mais la même référence à jQuery.js a de nouveau été incluse dans la page de contenu. Cela provoquait le message d'erreur "$ .blockUI.defaults" est null ou un objet ".

Cela signifie également, même si vous avez référencé incorrectement le fichier jQuery.js dans une page .aspx, vous pouvez faire face au message d'erreur similaire.

Espérons que cela puisse aider.

+0

vous sauvez ma vie – crab

+0

moi aussi :) merci – suds

0

Ma solution à ce problème consiste à regrouper tous les fichiers de référence jquery dans le même dossier. et vérifiez également que le chemin de tous les fichiers jquery est correct ou non (../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. 
Questions connexes