2013-02-20 63 views
1

內工作我與noty插件click一個misterious問題。當我按照網站上的說明創建通告程序時,一切正常,但是當我將相同的語句放入從按鈕調用「onClick」事件的函數時,它不起作用。沒有任何通知即將到來,沒有錯誤,如果按下按鈕則不會發生任何事情。當我刪除noty東西,並添加一個正常的「警報」聲明一切正常。有沒有我錯過的東西,或者這是一個錯誤?Noty(通知)是不是一個功能

原來的代碼如下所示:

<head> 
<script type="text/javascript" src="ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script type="text/javascript" src="js/noty/jquery.noty.js"></script> 
<script type="text/javascript" src="js/noty/layouts/top.js"></script> 
<script type="text/javascript" src="js/noty/themes/default.js"></script> 
</head> 
... 
<script> 
var noty = noty({text: 'noty - a jquery notification library!'}); 
</script> 

當我把同樣的語句轉換成下面的函數,noty不工作了。

<head> 
<script type="text/javascript" src="ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script type="text/javascript" src="js/noty/jquery.noty.js"></script> 
<script type="text/javascript" src="js/noty/layouts/top.js"></script> 
<script type="text/javascript" src="js/noty/themes/default.js"></script> 
</head> 
... 
<a href="#" onclick="test_function(); return false;" class="btn">klick</a> 
... 
<script> 
function test_function(){ 
    var noty = noty({text: 'noty - a jquery notification library!'}); 
} 
</script> 

即使我改變var notyvar n(或別的)什麼變化,前一個計算器問題說明。

在此先感謝。 問候,約翰。

+0

請展開「它不工作」的一部分:)任何錯誤信息?瀏覽器崩潰?黑洞? – fresskoma 2013-02-20 10:02:55

+0

沒有錯誤,沒有瀏覽器崩潰。當我點擊按鈕時它沒有做任何事情(就像我沒有「onclick」事件)。當我刪除noty東西,並插入一個正常的「警報」聲明,一切正常...... – 2013-02-20 10:06:13

+0

好的。我已經用完整的新的純HTML文件測試了它。當你給這個變量的另一個名字叫做「noty」時它會起作用。在我上面的示例中,即使使用新的變量名也不起作用,但現在我知道它與我的其他代碼(或者插件或css等)有關。我可以在晚上當我在家裏測試。問候。 – 2013-02-20 10:17:39

回答

2

如果使用這樣的事情會更好:

<head> 
<script type="text/javascript" src="ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script type="text/javascript" src="js/noty/jquery.noty.js"></script> 
<script type="text/javascript" src="js/noty/layouts/top.js"></script> 
<script type="text/javascript" src="js/noty/themes/default.js"></script> 
</head> 

<script> 
$("#element").click(function(){ 
    var n = noty({text: 'noty - a jquery notification library!'}); 
}); 
</script> 

<a id="element" href="#" onclick="return false;" class="btn">klick</a> 

當然你希望綁定到noty元素上使用的「ID」和。它會完美地工作。

退房這裏工作示例: JSFiddle

+0

這個答案解決了你的問題嗎?很想知道它是如何去的。乾杯。 – 2013-02-22 17:00:58