noty 插件有一个奇怪的问题 click .当我按照网站上的说明创建一个通知程序时，一切正常，但是当我将相同的语句放入一个在按钮的“onClick”事件中调用的函数时，它不起作用。没有通知通知，没有错误，如果我按下按钮什么也没有发生。当我删除 noty-thing 并添加一个正常的“警报”语句时，一切正常。有没有我遗漏的东西或者这是一个错误？
原始代码如下:
<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>
当然，在您希望绑定(bind)到 noty 的元素上使用“id”。它将完美运行。
在这里查看工作示例: JSFiddle
关于javascript - Noty(通知程序)不在函数内部工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14977001/