如何使用Notify.js按钮?

时间:2014-08-30 11:33:40

标签: javascript jquery html

我已经下载了Notify.js'files并将它们放在网页的根目录中。我试图测试它,但点击按钮

我没有得到任何东西
<html>

<head>
<title>Untitled</title>
<script src="notify.js"></script>
</head>

<body>
<input name="notif" type="button" value="Shoow notif" onclick="$(".elem-demo").notify("Hello Box");">
</body>

</html>

问题是什么?

1 个答案:

答案 0 :(得分:5)

这是你的答案和工作:

<html>
<head>
<title>Untitled</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="notify.js"></script>
</head>

<body>
<input name="notif" type="button" value="Shoow notif" onclick="$('.elem-demo').notify('Hello Box');"/>

<div class="elem-demo">a Box</div>
</body>

</html>

1 - 您忘记将jquery包含在您的文件中。

2 - 你应该创建一个具有 elem-demo

的元素

3 - 你的javascript出了问题!你不能使用双引号,它的孩子也有双引号。

这是您的代码示例,然后是我的代码:

onclick="$(".elem-demo").notify("Hello Box");"  //Your code

onclick="$('.elem-demo').notify('Hello Box');"  //My code