jQuery 알림 바

Question

체크 아웃 페이지 (FoxyCart 템플릿)에 Noty (jQuery 알림 플러그인)을 설치하려고합니다. 만약 내가 제대로 이해하고이 제대로 표시 얻기 위해 수행해야 할 모든 것입니다,

<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 때문에 작동하지 않습니다. 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!'}); 
    }());