首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Noty (通知程序)在函数内不起作用

Noty (通知程序)在函数内不起作用
EN

Stack Overflow用户
提问于 2013-02-20 18:00:45
回答 1查看 3.5K关注 0票数 1

我有一个关于noty插件click的神秘问题。当我按照网站上的解释创建一个通知程序时,一切都很好,但当我将相同的语句放入一个函数中,该函数在"onClick“事件中被按钮调用时,它不起作用。没有通知,没有错误,如果我按下按钮,什么也不会发生。当我去掉那些无关紧要的东西并添加一个普通的"alert“语句时,一切都很正常。我是不是漏掉了什么,或者这是个bug?

原始代码如下所示:

代码语言:javascript
复制
<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不再起作用。

代码语言:javascript
复制
<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 (或其他值),也不会发生任何变化,正如前面的一个堆栈溢出问题中所述。

提前谢谢。问候你,约翰。

EN

回答 1

Stack Overflow用户

发布于 2013-02-21 02:32:10

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

代码语言:javascript
复制
<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

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14977001

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档