jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了调整大小时jquery bxslider轮播问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有bxslider轮播的问题.即时尝试使用js中的resize方法制作响应式web和im.我试图使滑块有2个幻灯片,然后通过缩小窗口宽度1滑动.
但是,当我缩小窗口宽度时,bxslider不会改变…..
下面是我的代码.我搜索了很多关于这个问题,ppl要求把reloadSlider或destroySlider但是我知道这个代码到底放在哪里,
var slider;
    function bxslider(){
        if(width>555&&width<=765){
        slider=$('.bxslider2').bxSlider({
            minSlides: 2,maxSlides: 2,slideWidth:400,moveSlides:1
        });
        slider.reloadSlider();
    }
    if(width<=555){
        var slider=$('.bxslider2').bxSlider({
            minSlides: 1,maxSlides: 1,slideWidth:0,moveSlides:1
       });
       slider.reloadSlider();
    }
}
$window.on('resize',function(){
    bxslider();
});

解决方法

使用此代码
var slider;    
function bxslider(){
            var width = $(document).width();
        //alert(width);

        if(width>555&&width<=765){
        slider=$('.bxslider2').bxSlider({
            minSlides: 2,moveSlides:1
        });

    }
    if(width<=555){
        var slider=$('.bxslider2').bxSlider({
            minSlides: 1,moveSlides:1
       });

    }
    slider.reloadSlider();
}
$(window).on("orientationchange load resize",function () {
    bxslider();
});

JsFiddle Demo here

编辑:尝试tu把你的函数slider.reloadSlider();在if条件旁边..我再次更新了答案检查.

大佬总结

以上是大佬教程为你收集整理的调整大小时jquery bxslider轮播问题全部内容,希望文章能够帮你解决调整大小时jquery bxslider轮播问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。