ワードプレスのjQueryでUncaught ReferenceError: Cannot accessのエラーが発生した対処法

Question

実現したいこと

以下の模写元サイトの通りにfooterの右上にあるページトップボタンがあり、下へスクロールするとページトップボタンが表示されてfooterの右上に止まるようになっています。
・下へスクロールするとページトップボタンが表示された

⬇︎
・footerの上にページトップボタンが止まる

模写元サイト：https://www.delights-home.jp/contact

私の場合は
ずっとfooterの右上にページトップボタンが固定されたままになっている。
検証で原因を確認するとjsに以下のようなエラーメッセージが表示されました。

それをクリックしてみると「swiper」にエラーが起きているようですのでそれを解消したい。

該当のソースコード

/*スクロールに合わせてヘッダーサイズの変化*/
jQuery(function(){
  jQuery(window).on('load scroll', function() {
      var scrollPos = jQuery(this).scrollTop();
      if ( scrollPos > 100 ) {
        jQuery('header').addClass('is-animation');
      } else {
        jQuery('header').removeClass('is-animation');
      }
  });
});


jQuery(function() {
  // ウィンドウをスクロールしたら…
  jQuery(window).scroll(function() {
      // ウィンドウの高さを取得
      const wHeight = jQuery(window).height();
      // スクロールした量を取得
      const wScroll = jQuery(window).scrollTop();
          // それぞれのblockクラスに対して…
          jQuery(".fadeInTrigger").each(function () {
              // それぞれのblockクラスのウィンドウからの高さを取得
              const bPosition = jQuery(this).offset().top;
              // スクロールした量が要素の高さを上回ったら
              // その数値にウィンドウの高さを引き、最後に200pxを足す
          if (wScroll > bPosition - wHeight + 200) {
            jQuery(this).addClass("fadeIn");
          }
      });
  });
});


jQuery(function(){
  jQuery(window).on('load scroll', function() {
    jQuery(".show").each(function() {
        var winScroll = jQuery(window).scrollTop();
        var winHeight = jQuery(window).height();
        var scrollPos = winScroll + (winHeight * 0.8);
        if(jQuery(this).offset().top < scrollPos) {
          jQuery(this).css({opacity: 1, transform: 'translate(0, 0)'});
        }
    });
  });
});

let targets = document.querySelectorAll('.js-scroll-animation'); //アニメーションさせたい要素
//スクロールイベント
window.addEventListener('scroll', function () {
  var scroll = window.scrollY; //スクロール量を取得
  var windowHeight = window.innerHeight; //画面の高さを取得
  for (let target of targets) { //ターゲット要素がある分、アニメーション用のクラスをつける処理を繰り返す
    var targetPos = target.getBoundingClientRect().top + scroll; //ターゲット要素の位置を取得
    if (scroll > targetPos - windowHeight) { //スクロール量 > ターゲット要素の位置
      target.classList.add('is-animated'); //is-animatedクラスを加える
    }
  }
});


/*ハンバーガーメニュー*/
jQuery(function(){
  jQuery('.menu').on('click',function(){
    jQuery('.menu__line').toggleClass('active');
    jQuery('.gnav').fadeToggle();
    });
});


/*WORKSのswiper*/
const swiper = new swiper(".swiper", {
    speed:4000,
    autoplay:{
        delay:5000,
        disableOnInteraction: false,
    }
});//スライダーを包む要素のクラス名を入れる




/*ページトップへスクロールし戻る*/
jQuery(function() {
  const pageTop = jQuery("#page-top");
  pageTop.hide();
  jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 100) {
      pageTop.fadeIn();
    } else {
      pageTop.fadeOut();
    }
  });
  pageTop.click(function() {
    jQuery("body,html").animate(
      {
        scrollTop: 0,
      },
      500
    );
    return false;
  });
  // フッター手前でストップ
  jQuery(document).ready(function () {
    jQuery("#page-top").hide();
    jQuery(window).on("scroll",function(){
      scrollHeight = jQuery(document).height(); //ドキュメントの高さ
      scrollPosition = jQuery(window).height() + jQuery(window).scrollTop(); //現在の位置
      footHeight = jQuery(".js-footer-wrap").innerHeight(); //フッターの高さ
      if (scrollHeight - scrollPosition <= footHeight) { //ドキュメントの高さと現在の位置の差がフッターの高さ以下のとき
        jQuery("#page-top").css({ position: "absolute", bottom: footHeight + 0 }); //pisitionをabsoluteに変更
      } else { //それ以外の場合は
        jQuery("#page-top").css({ position: "fixed", bottom: "0" }); //固定で表示
      }
    });
  });
});

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[kei344]

コメントにて「ベストアンサーに選ばせていただきました。」と書かれていますが、解決済みになっていないようです。

Answer 1

typoですね。大文字のSです。

const swiper = new Swiper('.swiper', {

https://swiperjs.com/get-started#initialize-swiper

Comments

[yosuke1025]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。