Wordpressでのプログラムの競合重複について
現在Wordpressのサイト制作で、jqueryプラグインを複数導入しようとしているのですが、
それぞれのプログラムが競合してしまい上手く動作してくれません。
記述する順番を変更したりwp_enqueue_scriptやnoConflictを試したのですが、
私の知識不足で競合の解消には至っておりません。
どこかのサイトでjqueryを読み込む際は一つでいいと確認したので、
最上部に記述しているのですがスライドショーとニュースティッカーの部分が動かない状態です。
個人的に考えられる原因としては
・それぞれのプログラムのjqueryのバージョンが違うこと
・header内のjavascriptの$が複数使われていることによる競合
だと思うのですが、
どなたか詳しい方がおられたら教えて頂けませんでしょうか？
以下、head内の問題のソースです。
何卒よろしくお願いいたします。
<head profile="http://gmpg.org/xfn/11">
～
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript" src="http://～/wp-content/themes/～/javascript/jquery.easing.js"></script>
<script type="text/javascript" src="http://～/wp-content/themes/～/javascript/jquery.kwicks.js"></script>
<script type="text/javascript">
$().ready(function() {
$('.kwicks').kwicks({
max : 200,
duration: 1000,
easing: 'easeOutQuint'
});
});
</script>
<script type="text/javascript" src="http://～/wp-content/themes/～/javascript/simplegallery.js"></script>
<script type="text/javascript">
$(function() {
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", /* ギャラリーを表示する要素のID名 */
dimensions: [640, 300], /* 画像の幅、高さ（単位：ピクセル） */
imagearray: [
/* [画像URL、リンク先URL、_new] */
["<?php bloginfo('template_directory'); ?>/images/bnr/bnr-preopen.png", ""],
["<?php bloginfo('template_directory'); ?>/images/bnr/bnr_aisatu.png","http://～.com/?page_id=74"],
],
autoplay: true, /* 自動再生の有無 */
persist: true,
pause: 3500, /* スライドする間隔（ミリ秒） */
fadeduration: 2000, /* フェードする移行時間（ミリ秒） */
oninit:function(){
//event that fires when gallery has initialized/ ready to run
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
});
</script>
<script src="http://～/wp-content/themes/～/javascript/jquery.ticker.js" type="text/javascript"></script>
<script src="http://～/wp-content/themes/～/javascript/site.js" type="text/javascript"></script>
</head>
<?php wp_head(); ?>
お礼
これすごいですね！！！興奮しますね笑。 知りませんでした。 教えていただき深く感謝いたします＾＾