トラブルシューティング

LPのJavaScriptが動かない

前提の確認

以下の原因が考えられますので、ご確認ください。

  • ローカル環境でうまく動作しているかどうか。
  • ファイルの読み込みがうまくいっているかどうか。
  • ファイルの読み込み順序が動作確認済み環境と同じかどうか。

JavaScriptの競合回避

実装されたLPのソースコード上でjQueryをご利用している場合、jQueryのバージョンが競合している可能性が考えられます。
ecforce で利用しているjQuery のバージョンは1.12.4 です。

jQueryの競合を解除するためには、LP で利用する jQuery オブジェクトを別名で退避させ、退避した jQuery オブジェクトを指定したクロージャで LP 専用の JavaScript を囲めば解決します。

以下サンプルコードになります。

<script src="{{ file_root_path }}/js/jquery.min.js"></script>

<script type="text/javascript">
    var $shop = $.noConflict(true);
</script>

<script type="text/javascript">
    ;(function($){
        // shop 側 javascript...     })($shop)
</script>

 

この記事の目次

このセクションの記事

トラブルシューティング