Swiper.jsでCannot set property '〜' of undefined が解決できない

お世話になります。

下記のコードでswiper.jsのリストを表示しております。

<body>
・・・

<div class="swiper-container list_swiper">
  <div class="swiper-wrapper">
    <article class="thumbbox">・・・</article>
    <article class="thumbbox">・・・</article>
    <article class="thumbbox">・・・</article>
    <article class="thumbbox">・・・</article>
    <article class="thumbbox">・・・</article>
    <article class="thumbbox">・・・</article>
    <article class="thumbbox">・・・</article>
  </div>
  <div class="swiper-button-prev"></div>
  <div class="swiper-button-next"></div>
</div>  

<script>
  var listSwiper = new Swiper('.list_swiper', {
    slidesPerView: 4.5,
    spaceBetween: 20,
    slidesOffsetBefore: 0,
    freeMode: false,
    effect: "slide",
    direction: 'horizontal',
    loop: false,
    centeredSlides: false,
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  });

  var thumbbox = jQuery('.list_swiper .swiper-wrapper article.thumbbox');
  var thumbboxWidth = parseInt(thumbbox.width()) / 4;
  var thumbboxSpace = parseInt(thumbbox.css('marginRight')) / 4;
  var wrapperOffset = thumbboxWidth + thumbboxSpace;
  listSwiper.params.slidesOffsetBefore = wrapperOffset;
  listSwiper.update();

</script>
</body>

パラメータ「slidesOffsetBefore」の値に、jQueryで算出した数値を反映したいのですが、
下記エラーが表示されます。

Uncaught TypeError: Cannot set property 'slidesOffsetBefore' of undefined

書き方を変えてみたり、他のパラメータでは動くのかなど試してみましたが、
原因が特定できず困っております。
お詳しい方ご教授いただけないでしょうか。

よろしくお願いいたします。

参考にしたサイト
https://github.com/nolimits4web/swiper/issues/2817

行動規範の内容に同意します

回答1件

ベストアンサー

'slidesOffsetBefore'が未定義だ、
といってますんで、そいつのスペルが合ってるのか、をまず調べましょう

投稿2020/09/07 12:36

y_waiwai

総合スコア88013

no23h

2020/09/08 02:04

y_waiwai様ご回答ありがとうございます。確認しましたがスペルに誤りはないようです... 補足になりますが、エラーは以下の部分の slidesOffsetBefore に対して発生しています。 listSwiper.params.slidesOffsetBefore = wrapperOffset;

行動規範の内容に同意します