0

基本的に上部に巨大なバナーであるbxsliderがあります-コンテンツは「html」で、背景画像はメディアクエリを使用して変更されます（カバーするように設定されています）-これはすべてうまくいっていますが、問題がありましたサイズを変更すると、追加のラッパーが生成され続け、画像の幅がめちゃくちゃに見えたので、destroySlider関数を使用して、サイズ変更時にスライダーを「再作成」するだけだと考えました....そのように

var bannerSlider;
var bannerSlider_Config = {
    mode: 'fade',
    preloadImages: 'all',
    auto: true,
    slideMargin: 0
};

$(document).ready(function () {
    bannerSlider = $('#bxslider').bxSlider(bannerSlider_Config);
});

$(window).resize(function () {
   if (bannerSlider) {
        $(bannerSlider).destroySlider();
    }

    bannerSlider = $('#bxslider').bxSlider(bannerSlider_Config);
});

私の問題は、サイズ変更時に「destroySlider は関数ではありません」という javascript エラーが発生することです。

4

1 に答える 1

0

bxslider はブラウザのサイズ変更をうまく処理します。何か違うことをしたいのでない限り、車輪を再発明する必要はないと思います。間違ったオブジェクトに対して destroySlider を呼び出したようです。bannerSlider.destroySlider(); を試してください。$(bannerSlider).destroySlider(); の代わりに

$(window).resize(function () {
 if (bannerSlider) {
    bannerSlider.destroySlider();
 }

bannerSlider = $('#bxslider').bxSlider(bannerSlider_Config);
});
于 2013-10-21T05:22:43.170 に答える