Jquery plugins 如何使幻灯片的数量完全响应(bxslider 4.1),而不必重新加载页面
拼命尝试更改幻灯片数量,以使旋转木马幻灯片完全响应(而不必刷新页面以显示更新的最小/最大幻灯片数量) 求求你帮帮我!!!我整天都在和它斗争 现在,我必须刷新浏览器以显示正确数量的幻灯片。 这是我的密码:Jquery plugins 如何使幻灯片的数量完全响应(bxslider 4.1),而不必重新加载页面,jquery-plugins,bxslider,Jquery Plugins,Bxslider,拼命尝试更改幻灯片数量,以使旋转木马幻灯片完全响应(而不必刷新页面以显示更新的最小/最大幻灯片数量) 求求你帮帮我!!!我整天都在和它斗争 现在,我必须刷新浏览器以显示正确数量的幻灯片。 这是我的密码: $(window).ready(function(){ var minNumber, maxNumber, width = $(window).width(); if (width < 430) {
$(window).ready(function(){
var minNumber,
maxNumber,
width = $(window).width();
if (width < 430) {
minNumber = 1;
maxNumber = 2;
} else if (width < 1024) {
minNumber = 3;
maxNumber = 3;
} else {
minNumber = 4;
maxNumber = 5;
}
$('.bxslider').bxSlider({
minSlides: minNumber,
maxSlides: maxNumber,
slideWidth: 515,
slideMargin: 0
});
});
$(窗口).ready(函数(){
var minNumber,
maxNumber,
宽度=$(窗口).width();
如果(宽度<430){
minNumber=1;
maxNumber=2;
}否则如果(宽度<1024){
minNumber=3;
maxNumber=3;
}否则{
minNumber=4;
maxNumber=5;
}
$('.bxslider').bxslider({
米努伯,
maxSlides:maxNumber,
滑动宽度:515,
幻灯片摘要:0
});
});
u不需要使用jquery切换元素数:
$('.bxslider').bxSlider({
minSlides: 1,
maxSlides: 4,
slideWidth: 515,
slideMargin: 0
});
bxSlider是有响应的。因为如果你改变宽度,他会使carusel1-4元素在窗口中{当
窗口
触发它的就绪
事件时,此函数仅运行一次。尽管创建所需内容可能比每次重新调整窗口大小时重建幻灯片要复杂得多,但会对响应产生影响。我知道我可以将minNumber设置为1,将maxNumber设置为5,但实际上它在屏幕上没有响应屏幕。(图像框在屏幕右侧被切断)。必须有一种方法来获得响应旋转木马的完整效果。。。