Question

我有一个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);
});

我的问题是我在调整大小时遇到javascript错误，说 - destroySlider不是函数。

Answer 1

bxslider可以很好地处理浏览器调整大小。我不认为你需要重新发明轮子，除非你想做一些不同的事情。看起来你为了错误的对象调用了destroySlider。尝试 bannerSlider.destroySlider（）; 代替$（bannerSlider）.destroySlider（）;

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

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

bxslider与响应背景图像

1 个答案: