JQuery BlockUI - 低吼通知不会触发。刷新页面

我似乎无法让我的JQuery Growl通知触发。我几乎包含了我的站点的整个主页供参考。JQuery BlockUI - 低吼通知不会触发。刷新页面

我试过了。这开始在一个内容页面，但没有工作，所以我把它移动到母版页，试图消除这个问题，因为没有任何与内容页面本身。

我有一个在我的母版页中提到jquery.blockUI.js CDN，我beleive是有效的。

我试着直接在我的主页面的页脚中抛出一个按钮，并使用默认的blockUI示例进行咆哮通知。

我似乎无法得到它。基本上按钮点击它似乎只是做一个屏幕刷新，就是这样。任何帮助将是恒星。

下面是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <asp:ContentPlaceHolder ID="HeadContent" runat="server"> 
    </asp:ContentPlaceHolder> 
    <!-- <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> --> 
    <link href='http://fonts.googleapis.com/css?family=Tangerine|Lobster+Two|Rochester|Dancing+Script|Damion' 
    rel='stylesheet' type='text/css'> 
    <link rel="stylesheet" href="../style/style.css" media="all" /> 
    <script src="../script/modernizr.custom.51561.js" type="text/javascript"></script> 
    <script src="http://code.google.com/p/yes/source/browse/trunk/jquery/blockui/1.2.3/jquery.blockUI.js"></script> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
    <div id="container"> 
     <div id="header"> 
      <div id="logincontrol" style="text-align: right"> 
       <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false"> 
        <AnonymousTemplate> 
         [ <a href="login/login.aspx" id="HeadLoginStatus" runat="server">Log In</a> ] 
        </AnonymousTemplate> 
        <LoggedInTemplate> 
         Welcome <span class="bold"> 
          <asp:LoginName ID="HeadLoginName" runat="server" /> 
         </span>! [ 
         <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" 
          LogoutPageUrl="~/" /> 
         ] 
        </LoggedInTemplate> 
       </asp:LoginView> 
      </div> 
     </div> 
     <div id="nav"> 
      <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" Orientation="Horizontal" 
       DataSourceID="WebSitemap" ItemWrap="false" /> 
      <asp:SiteMapDataSource ID="WebSitemap" runat="server" ShowStartingNode="false" SiteMapProvider="XmlSiteMapProvider" /> 
     </div> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <ContentTemplate> 
       <asp:ContentPlaceHolder ID="MainContent" runat="server"> 
       </asp:ContentPlaceHolder> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
     <div id="footer"> 
      <button id="LoginButton1">GROWLL</button> 
     </div> 
    </div> 
    </form> 
<script> 
$(document).ready(function() { 
    $('#LoginButton1').click(function() { 
     $.growlUI('Growl Notification', 'Have a nice day!'); 
    }); 
}); 
</script> 
</body> 
</html>

来源

2011-08-29 Dylan Hayes

你添加的JS实际上检索HTML而不是JS

我也不得不增加一个onlcick防止页面后

参考

在这里看到小提琴http://jsfiddle.net/ySz8x/

以防万一这里是代码

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <asp:ContentPlaceHolder ID="HeadContent" runat="server"> 
    </asp:ContentPlaceHolder> 
    <!-- <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'> --> 
    <link href='http://fonts.googleapis.com/css?family=Tangerine|Lobster+Two|Rochester|Dancing+Script|Damion' 
    rel='stylesheet' type='text/css'> 
    <link rel="stylesheet" href="../style/style.css" media="all" /> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script src="http://yes.googlecode.com/svn/trunk/jquery/blockui/1.2.3/jquery.blockUI.js"></script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
    <div id="container"> 
     <div id="header"> 
      <div id="logincontrol" style="text-align: right"> 
       <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false"> 
        <AnonymousTemplate> 
         [ <a href="login/login.aspx" id="HeadLoginStatus" runat="server">Log In</a> ] 
        </AnonymousTemplate> 
        <LoggedInTemplate> 
         Welcome <span class="bold"> 
          <asp:LoginName ID="HeadLoginName" runat="server" /> 
         </span>! [ 
         <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" 
          LogoutPageUrl="~/" /> 
         ] 
        </LoggedInTemplate> 
       </asp:LoginView> 
      </div> 
     </div> 
     <div id="nav"> 
      <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" Orientation="Horizontal" 
       DataSourceID="WebSitemap" ItemWrap="false" /> 
      <asp:SiteMapDataSource ID="WebSitemap" runat="server" ShowStartingNode="false" SiteMapProvider="XmlSiteMapProvider" /> 
     </div> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
      <ContentTemplate> 
       <asp:ContentPlaceHolder ID="MainContent" runat="server"> 
       </asp:ContentPlaceHolder> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
     <div id="footer"> 
      <button id="LoginButton1" onclick="return false">GROWLL</button> 
     </div> 
    </div> 
    </form> 
<script> 
    //$(document).ready(function() { 
    $('#LoginButton1').click(function() { 
     $.growlUI('Growl Notification', 'Have a nice day!'); 
    }); 
    //}); 
</script> 
</body> 
</html>

btw ...这不是我过去用过的jGrowl :)

来源

2011-08-30 22:12:07

JQuery BlockUI - 低吼通知不会触发。刷新页面

回答

相关问题