2014-08-30 50 views
2

我下載了Notify.js文件,並將它們放在網頁的根目錄下。即時嘗試測試它,但我沒有得到任何東西,當點擊按鈕如何使用帶按鈕的Notify.js?

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

最新問題?

+2

如何裝載jQuery的? – undefined 2014-08-30 11:37:16

+1

你的意思是? 2014-08-30 11:46:32

+0

@undefined這是答案http://stackoverflow.com/a/ 25582016/3176270 – M98 2014-08-30 11:53:02

回答

4

這是你的答案和工作:

<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-演示

3,您的JavaScript有一個問題,一個元素!你不能使用雙引號,而且它的孩子也有雙引號。

這裏是你的代碼示例,然後我的代碼:

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

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

非常感謝你,我有一個問題。 如何使這項工作? $(「。pos-demo」)。notify( 「I left the box」, {position:「left」} ); ? – 2014-08-30 13:28:32

+0

@EddHakobyan首先請訪問通知網站(http://notifyjs.com)。 – M98 2014-08-31 03:00:38

+0

@EddHakobyan你的代碼是真的,$(「。pos-demo」)。notify(「我離開盒子」,{position:「left」});但也許它的**報價**再次 – M98 2014-08-31 03:02:56