2012-03-03 80 views
0

Im 完整noob到Javascript,但非常渴望瞭解更多。noty在初始化工作

我有一個靈活的應用程序,我搞亂HTML包裝,試圖彈出警告指向用戶來幫助。

我發現了一個很好的jQuery插件,名爲noty,它模擬了您在SE網站中看到的標頭警報。

<head> 

<link rel="stylesheet" type="text/css" href="custom/css/jquery.noty.css"/> 
<script type="text/javascript" src="swfobject.js"></script> 
<script type="text/javascript" 
     src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"> 
</script> 
<script type="text/javascript" src="custom/js/jquery.noty.js"></script>   
<script type="text/javascript" language="JavaScript"> 
// basic alert 
//if (!confirm("Yo.\n\nAccept?")) 
// window.location.href = "custom/rejected.htm"; 

noty({text: 'yo!'}); 
</script> 

</head> 

在螢火蟲中沒有得到任何錯誤,但警報也沒有觸發。 我知道它基本的東西,並且需要一些額外的邏輯來告訴它在運行時觸發,對吧?

我做了什麼錯,或者我錯過了什麼代碼?

感謝

的完整代碼here.讓我通過評論知道,如果你需要更多的信息。

+0

你能重新檢查你的代碼嗎?在我的情況下,它的工作。 請參閱:http://jsfiddle.net/qLGfe/ 我改變了我唯一一次刪除了位於您的noty()調用下的剩餘代碼。嘗試在本地評論該代碼並檢查。 – codef0rmer 2012-03-03 07:15:13

+0

我相信小提琴在幕後使用文檔。 – 2012-03-03 07:16:13

回答

6

我不知道諾蒂,但如果它的視覺效果比它當然取決於DOM是可編寫腳本和節點正在渲染。現在發生的事情是,在DOM可以編寫腳本之前,它正在發射。

jQuery中的核心概念是使用「文檔準備」功能。考慮它是一個「頁面建立,現在我可以操縱它」的功能。人們喜歡幻想和使用快捷語法(有一些變化),但我更喜歡明確,明顯的語法,所以我使用標準:

$(document).ready(function() { 
    // Code here executes when DOM is scriptable 
}); 

只要把noty代碼裏面有它應該工作,我猜測:

$(document).ready(function() { 
    noty({text: 'yo!'}); 
});