我有一个关于noty插件click的神秘问题。当我按照网站上的解释创建一个通知程序时,一切都很好,但当我将相同的语句放入一个函数中,该函数在"onClick“事件中被按钮调用时,它不起作用。没有通知,没有错误,如果我按下按钮,什么也不会发生。当我去掉那些无关紧要的东西并添加一个普通的"alert“语句时,一切都很正常。我是不是漏掉了什么,或者这是个bug?
原始代码如下所示:
<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 (或其他值),也不会发生任何变化,正如前面的一个堆栈溢出问题中所述。
提前谢谢。问候你,约翰。
发布于 2013-02-21 02:32:10
如果你使用这样的东西会更好:
<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
https://stackoverflow.com/questions/14977001
复制相似问题