Javascript 滑块溢出响应

Javascript 滑块溢出响应,javascript,responsive-design,slider,Javascript,Responsive Design,Slider,我正在使用这个滑块,一切都很好,但为什么在小屏幕上 (小于480)或在响应视图中它不运行?! 我怎样才能解决这个问题 更多细节见下文 谢谢这是因为您的度量函数将可见框的数量设置为0 尝试将测量功能更改为: function measure() { var winw = $(window).width(); fit = Math.ceil(winw/boxw)-1; // math ceil -1 to get the number of COMPLETELY visible b

我正在使用这个滑块,一切都很好,但为什么在小屏幕上 (小于480)或在响应视图中它不运行?! 我怎样才能解决这个问题

更多细节见下文


谢谢

这是因为您的度量函数将可见框的数量设置为0

尝试将测量功能更改为:

function measure() {
    var winw = $(window).width();
    fit = Math.ceil(winw/boxw)-1; // math ceil -1 to get the number of COMPLETELY visible boxes
    $('#gal').width(winw);

    if (fit == 0) fit = 1;
    $('#t').html('Boxw='+boxw+' Boxh='+boxh+' Winw='+winw+' VisibleBoxes='+ fit);
}

它应该可以解决您的问题:

另一个问题…在这种情况下,单个div的宽度为350 px,但如果每个div的宽度不同,我如何在每个div的开始处停止幻灯片?!我想你可能需要使用一个不同的插件,因为这个插件似乎适用于一个大小的盒子滑动动画-所有的计算都是基于大小相同的盒子。制作动画的位在此函数中:
函数a(cb)
,您需要计算当前框的大小,并将动画更改为减去该宽度。也许在你的小提琴上模拟一个例子,然后再贴另一个问题,再次感谢!我将发布另一个新的问题!
function measure() {
    var winw = $(window).width();
    fit = Math.ceil(winw/boxw)-1; // math ceil -1 to get the number of COMPLETELY visible boxes
    $('#gal').width(winw);

    if (fit == 0) fit = 1;
    $('#t').html('Boxw='+boxw+' Boxh='+boxh+' Winw='+winw+' VisibleBoxes='+ fit);
}