質問編集履歴

1 slick.js を使用するコードについての追記

jlo5891

jlo5891 score 11

2017/01/22 00:43  投稿

Wordpressで<?php wp_head(); ?><?php wp_footer(); ?>を記述するとjsが動かなくなる
###前提・実現したいこと
他人が制作したWordpressのテンプレートをカスタマイズしています。
最終的には、
<?php wp_head(); ?><?php wp_footer(); ?>を記述し、プラグインもjsも正常に動作させたいです。
###発生している問題・エラーメッセージ
```
他人が制作したテンプレートに<?php wp_head(); ?><?php wp_footer(); ?>が記述されておらず、
プラグインが正常に動作しない。
<?php wp_head(); ?><?php wp_footer(); ?>を記述するとプラグインは正常に動作するが、
スライダーのjs(http://kenwheeler.github.io/slick/)が動かなくなる。
```
###該当のソースコード
```ここに言語を入力
使用しているjs
(<head>内↓)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
(</body>手前↓)
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
 
【追記】  
kei344さん、ありがとうございます。  
-----------------------------------------  
<ul class="carousel">  
  <li>イメージ1</li>  
  <li>イメージ2</li>  
  <li>イメージ3</li>  
</ul>  
-----------------------------------------  
<script>  
$(function() {  
 $('.carousel').slick({  
   infinite: true,  
   dots: true,  
   slidesToShow: 3,  
   centerMode: true, //要素を中央寄せ  
   centerPadding:'30px', //両サイドの見えている部分のサイズ  
   autoplay:true, //自動再生  
 });  
});  
</script>  
-----------------------------------------  
```
思い当たることがある方、アドバイスをよろしくお願いいたします。
  • WordPress

    9098 questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る