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