Question

我是JQuery的新手。我想在页面顶部实现Stack Overflow样式通知。所以就此而言，我从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)
        {

        }

Answer 1

您需要将此documentation引用为noty用法

按钮上的

单击编写此代码

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

Answer 2

我在这里写了一些例子：

<!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>

根据需要更改选项。

Javascript插件Noty不适用于Button Click

2 个答案: