質問: windowWidth / 1.4; if(width > 768){ slider.reloadSlider({ startSlide: 0, speed: 3000, slideMargin: 35, pager: true, /*ページ送りを追加するかどうかの設定*/ controls: false, /*前後のコントロールを追加するかどうかの設定。*/ auto: false, /*自動スライドの設定*/ minSlider: 3, maxSlides: 3, moveSlides: 1, /*一度のスライド時に移動するスライド数*/ autoHover: true, slideWidth: 310, autoControls: false, pause: pauseTime }); setTimeout(function(){ slider.goToSlide(1); slider.startAuto(); },pauseTime); } else { slider.reloadSlider({ speed: 1000, pager: true, /*ページ送りを追加するかどうかの設定*/ controls: true, /*前後のコントロールを追加するかどうかの設定。*/ auto: false, /*自動スライドの設定*/ minSlider: 1, maxSlides: 1, moveSlides: 1, /*一度のスライド時に移動するスライド数*/ slideWidth: width }); } } // 初期表示時の実行 sliderSetting(); // リサイズ時の実行 $(window).resize( function() { sliderSetting(); }); });/*function閉じ*/ ``` 参考サイトに記載の ・ど定番の対処法 ・最初だけautoをfalseにしておく ・最終手段 の3点とも試してみたのですが、変化有りませんでした。 ご教示いただければ幸いです。 よろしくお願いいたします。
回答: `var slider = $('#bxSlider01 ul').bxSlider();` と記述しており、 デフォルトオプションで実行しています。 > > 3つ表示で、1つずつスライドの設定にしているのに > > > リロード時はそうかもしれませんが、初回実行時は、まったく設定していません。 オプション設定を初回実行時にも適用してはどうでしょう? ``` $(function(){ const getBxSliderOptions = () => { let width = $(window).width() / 1.4; return (width > 768) ? { /* ommited */ } : { /* omitted */ } } // 初期表示時の実行 let $slider = $('#bxSlider01 ul').bxSlider( getBxSliderOptions() ); // リサイズ時の実行 $(window).resize( function() { $slider.reloadSlider( getBxSliderOptions() ); }); }); ```