Noty(通知程序)不在函数内部工作

时间:2013-02-20 10:00:45

标签: javascript jquery function notifications

我对noty插件click有一个神秘的问题。当我在网站上解释创建一个通知程序时,一切正常,但是当我将相同的语句放入一个从按钮的“onClick”事件中调用的函数时,它不起作用。没有任何通知,没有错误,按下按钮没有任何反应。当我删除noty-thing并添加正常的“alert”语句时,一切正常。有没有我错过的或这是一个错误?

原始代码如下:

<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 noty更改为var n(或其他内容),也没有任何更改,如之前的一个stackoverflow问题中所述。

提前致谢。 问候,约翰。

1 个答案:

答案 0 :(得分: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