jQuery通知栏

Question

我试图在结帐页面（FoxyCart模板）上安装Noty（jQuery Notification插件）。我安装在我结账模板的部分添加以下代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 

<script type="text/javascript" src="http://lavajavamaui.com/js/noty/jquery.noty.js"></script> 

<script type="text/javascript" src="http://lavajavamaui.com/js/noty/layouts/top.js"></script> 
<script type="text/javascript" src="http://lavajavamaui.com/js/noty/layouts/topLeft.js"></script> 
<script type="text/javascript" src="http://lavajavamaui.com/js/noty/layouts/topRight.js"></script> 
<!-- You can add more layouts if you want --> 

<script type="text/javascript" src="http://lavajavamaui.com/js/noty/themes/default.js"> 
</script> 
<script type="text/javascript"> 
var noty = noty({text: 'noty - a jquery notification library!'}); 
</script> 

如果我理解正确的话，这是所有需要做得到它才能正常显示。出于某种原因，通知不会弹出。这条线有什么问题吗？

<script type="text/javascript"> 
var noty = noty({text: 'noty - a jquery notification library!'}); 
</script> 

这里是应该安装了Noty的the page。

Answer 1

您正在重现文档中的错误。该生产线

var noty = noty({text: 'noty - a jquery notification library!'}); 

，如果在全球范围内运行，重新定义noty，与noty函数的结果替换功能noty。从理论上讲，第一次调用应该可以工作，但对noty的任何后续调用都将失败，因为它们试图将对象作为函数调用。我不确定为什么第一个失败，但它可能是相关的。尝试更改要将结果分配给的对象的名称：

var notyObj = noty({text: 'noty - a jquery notification library!'}); 

这可能会修复它。

如果您不需要操纵你创建后通知你也应该能够叫它不分配的结果给一个变量：

noty({text: 'noty - a jquery notification library!'}); 

更新

如果你在非全局上下文中执行该语句（例如jQuery的ready事件），它将不会工作，因为variable hoisting。吊装采取任何var语句并将其移至语句的顶部。声明：

(function() { 
     var noty = noty({text: 'noty - a jquery notification library!'}); 
    }()); 

变成：

(function() { 
     var noty; // inside this function noty now refers 
        // to a local variable set to "undefined" 

     // JavaScript looks for local variables before it looks at globals, 
     // so it will use the new local "noty" when it tries to execute the 
     // right side of this line. This will fail because you 
     // can't invoke undefined 
     noty = noty({text: 'noty - a jquery notification library!'}); 
    }());