2016-06-19 7 views
0

私はhttp://www.skivvienix.comにパタパタ時計jQueryプラグインを追加し、「2ペアは起動」下のHTMLコードを追加してきた =><div class="clock" style="margin:2em;"></div>パタパタ時計キャッチされない例外TypeError

しかし、私のクロックは動作していないと、それはコンソールのリンク上のエラーメッセージを表示しますこの:

Uncaught TypeError: $(...).FlipClock is not a function

私はjqueryの-1.11.3縮小化バージョンを使用しています。どうすればこの問題を解決できますか?

おかげで私のために

+0

へのjQueryを(変更します – mplungjan

+0

この '' init 'clock = new FlipClock($('。clock ')、{...} 'の構文を試してみてください。プラグインサイトで使用されているjQueryのバージョンv1.8.1です。互換性を確認してください。プラグイン参照の順序も確認してくださいences。 –

答えて

0

作品、私は驚くべきものがその重いページ上で動作します。あなたはミスのようにflipclock.jsをロードするために$(

<div class="clock"></div> 
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script src="//d3a1v57rabk2hm.cloudfront.net/skivvie/fresh-copy-4/js/flipclock.js?ts=1466140769&host=www.skivvienix.com"></script> 
 
<script type="text/javascript"> 
 
    var clock; 
 

 
    $(document).ready(function() { 
 
    var clock; 
 

 
    clock = $('.clock').FlipClock({ 
 
     clockFace: 'DailyCounter', 
 
     autoStart: false, 
 
     callbacks: { 
 
     stop: function() { 
 
      $('.message').html('The clock has stopped!') 
 
     } 
 
     } 
 
    }); 
 

 
    clock.setTime(220880); 
 
    clock.setCountdown(true); 
 
    clock.start(); 
 

 
    }); 
 
</script>

+0

友人に感謝します。バックエンドでは動作していますが、このWebサイトでは動作していません。それを修正するために私を助けることができますか? –

+0

私は何の提案もありません – mplungjan

関連する問題