1

我对 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 问题所述。

提前致谢。问候，约翰。

4

1 回答 1

3

如果你使用这样的东西会更好：

<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

于 2013-02-20T18:32:09.990 回答