我的Nota插件click有一个麻烦的问题。当我按照网站上的说明创建通告程序时，一切正常，但是当我将相同的语句放入通过按钮在“ onClick”事件中调用的函数中时，它将不起作用。没有noty-notification来，没有错误，如果我按该按钮，则什么也不会发生。当我删除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问题中所述。提前致谢。
此致，约翰。
最佳答案
最好使用以下方法：
<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