Jqueryエラー「Uncaught ReferenceError：SPRが定義されていません。」

Question

http://keith-wood.name/countdown.htmlからjqueryのカウントダウンを使用しようとしています。しかし、私は奇妙な種類のエラーを取得しています。 「Uncaught ReferenceError: SPR is not defined」と表示されます。

Hereは私のサイトのリンクであり、jqueryプラグインで動作するフレームワークとしてDjangoを使用しています。

以下は私のコードです。

$year = {{ object.expire_date|date:"Y" }}; 
$month = {{ object.expire_date|date:"m" }}; 
$day = {{ object.expire_date|date:"d" }}; 

$exp_date = new Date($year, $month -1, $day); 

$("#defaultCountdown").countdown({ 
    until: $exp_date, 
    onExpiry: fadeExpireOut 

}); 
function fadeExpireOut(){ 
    $("#defaultCountdown").fadeOut(); 
} 

私はカウントダウンを表示するために次のタグを使用しています。

<span id="defaultCountdown"></span> 

要素を検査してエラーの詳細を確認してください。開発時には同じコードが正常に動作していますが、運用サーバーでは正常に動作していません。

Answer 1

あなたはこのJavaScriptのステートメントがあります。

SPR.$("textarea[data-product-id=3712888641]").keyup(sprUpdateCount).trigger("keyup"); 

すぐに実行されますと、それが実行された時点で、変数SPRは存在しません。

はあなたのリンクを見ると、問題のコードは、次のスクリプトブロック内で、ライン2631である：開発中

<script type="text/javascript" charset="utf-8"> 
      function sprUpdateCount(e){ 
      var $el = SPR.$(e.currentTarget); 
      SPR.$(".spr-form-review-body-charactersremaining").html('(' + (1500 - $el.val().length) + ')'); 
      } 
      SPR.$("textarea[data-product-id=3712888641]").keyup(sprUpdateCount).trigger("keyup"); 
</script>