JQuery BlockUI - Уведомление о рычании не запускается. Просто обновляет страницу

Кажется, я не могу получить уведомление о моем JQuery Growl. Я включил почти всю главную страницу моего сайта для справки.

Что я пробовал Это началось с контентной страницы, но не сработало, поэтому я переместил ее на главную страницу, чтобы попытаться устранить проблему, поскольку не имел никакого отношения к самим контентным страницам.

На моей главной странице есть ссылка на CDN jquery.blockUI.js, который, как я полагаю, действителен.

Я попытался добавить кнопку прямо в нижний колонтитул моей мастер-страницы и использовать пример 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>
Источник

1 ответ

Решение

Ссылка, которую вы добавляли для 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>

кстати... это не тот jGrowl, который я использовал в прошлом:)

Источник
Другие вопросы по тегам