jqueryが部分的に動かない
-
いつもこちらのフォーラムを使わせていただいています。
ありがとうございます。どうしても上手くいかない部分がありまして質問させて頂きます。
jqueryのbxsliderを使って通常HPを作りました。
現在そのサイトをワードプレスに移行する作業をしてるのですが、通常HPでは動いてる部分がワードプレスでは動かなくて困っています。メインのスライダーは動いています。ただメインスライダーの下にスライダーの切り替え用の画像を用意しているんですが、こっちをクリックしてもスライダーがきりかわってくれません。
通常HPはこんな形で書いています。
<script type=”text/javascript”>
$(function(){
var slider = $(‘#slider1’).bxSlider({
controls: false,
mode: ‘fade’,
auto: true,
speed: 1200,
pause: 5500,
});
$(‘.thumbs a’).click(function(){
var thumbIndex = $(‘.thumbs a’).index(this);
slider.goToSlide(thumbIndex);
$(‘.thumbs a’).removeClass(‘pager-active’);
$(this).addClass(‘pager-active’);
return false;
});
$(‘.thumbs a:first’).addClass(‘pager-active’);
});
</script>これをワードプレス用に
<script type=”text/javascript”>
jQuery(document).ready(function(){
jQuery(‘#slider1’).bxSlider({
controls: false,
mode: ‘fade’,
auto: true,
speed: 1200,
pause: 5500,
});
jQuery(‘.thumbs a’).click(function(){
var thumbIndex = jQuery(‘.thumbs a’).index(this);
slider.goToSlide(thumbIndex);
jQuery(‘.thumbs a’).removeClass(‘pager-active’);
jQuery(this).addClass(‘pager-active’);
return false;
});
jQuery(‘.thumbs a:first’).addClass(‘pager-active’);});
</script>に変更しています。
自動スライド部分は動いているんですが、クリックファンクションの部分が動きません。
何が原因かわからずに困っています。ご教授いただけると助かります。
宜しくお願いします。
トピック「jqueryが部分的に動かない」には新たに返信することはできません。