Javascript 插件 Noty 不适用于按钮点击

本文关键字：按钮 适用于 不适用 插件 Noty Javascript | 更新日期: 2023-09-27 17:55:46

我对JQuery很陌生。我想在我的页面顶部实现堆栈溢出样式通知。因此，我从NOTY下载了一个JQuery插件.我已经阅读了本教程，但它没有解释如何正确实现这一点。我想要的只是在单击按钮时显示顶部通知。我已经导入了教程中提到的所有.js文件，但无法弄清楚每次单击按钮时如何显示栏。

不仅仅是前面提到的NOTY插件，我不知道如何在按钮单击时.js文件来使用网络上可用的任何插件。

有人可以帮忙吗？

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
     <script src="../Scripts/jquery-1.9.0.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.noty.js" type="text/javascript"></script>
    <script src="../Scripts/top.js" type="text/javascript"></script>
</asp:Content>

现在在按钮单击事件中写什么？ 

  protected void Button1_Click(object sender, EventArgs e)
        {
        }

Javascript 插件 Noty 不适用于按钮点击

您需要参考此文档以了解 noty 用法

在按钮上，单击"编写此代码"

  var noty = noty({text: 'noty - a jquery notification library!'});

我在这里写了一些例子：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="jquery.noty.js"></script>
<script type="text/javascript" src="top.js"></script>
<script type="text/javascript" src="default.js"></script>
<script>
function myNoty()
{
    var n = noty({
        text: 'hello',
        type: 'success',
      dismissQueue: true,
        layout: 'top',
        theme: 'defaultTheme'
    })
}
</script>
</head>
<body>
    <input type="button" onclick="myNoty();" value="Click!"/>
</body>
</html>

根据需要更改选项。

相关文章：