2017-10-29 12 views
0

私はGenesisフレームワークに基づくWordpressサイトに取り組んでいます。ジェネシスフレームワークを使用したSlickやその他のJSスクリプト

イム様々なJSスクリプトが動作するように取得しようとしているが、現在は動作するようにスリック取得しようとしているイム:http://kenwheeler.github.io/slick/

私はここに非常に単純なテストページを持っている:私はかなりのすべてのコードを配置しているhttp://staging.seedcreativeacademy.co.uk/slick/します滑らかなサイトの例では、滑らかな「スライド」効果はまったく機能していないようです。

Animate.ccと他のいくつかのJSライブラリでこの問題が発生しました。これらはfunctions.phpファイルから正しくエンキューされているようですが、何も表示されません。

イムは、主に不思議ジェネシスは、私が(そのことをしますか?)のfunctions.phpにそれらを間違った順序を追加した場合のスクリプトをブロックしている...

任意の助けいただければ幸いです。

答えて

1

ブラウザコンソールを見ると、パスが正しくないためカスタムスクリプトがロードされていないことがわかります。

Failed to load resource: the server responded with a status of 404 (Not Found) 

これは、CDNを使用している場合にスクリプトをロードする方法です。依存関係パラメータを使用して、スクリプトが正しい順序でロードされていることを確認します。

wp_enqueue_script('jquery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js', array(), '3.2.1', false); 
wp_enqueue_script('jquery-migrate', 'https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.0.1/jquery-migrate.min.js', array('jquery'), '3.0.1', false); 
wp_enqueue_script('slick-carousel', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js', array('jquery', 'jquery-migrate'), '1.8.1', true); 

wp_enqueue_style('slick-carousel', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css', array(), '1.8.1'); 
wp_enqueue_style('slick-carousel-theme', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css', array('slick-carousel'), '1.8.1'); 
+0

ありがとう@Andrew - あなたが言及している依存パラメータ、それはどの部分ですか?真と偽の部分は?または番号? - 私はコンソールを見ているとは思っていませんでしたが、助けてくれてありがとうございます。 –

+0

それはすべて文書で指定されています。https://developer.wordpress.org/reference/functions/wp_enqueue_script/ –

+0

ありがとうございます! –

関連する問題