2012-03-03 82 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!'}); 
});