Jquery缩放和旋转购物模块的bug

jquery zoom and carousel shopping module bug

本文关键字：模块 bug 缩放 旋转 Jquery      更新时间：2023-09-26

我为一个购物网站修改了一个jquery缩放和carousel模块，它工作得很好(有点)，除了carousel工作正常，如果列表项目是6个或更多。如果carousel中有5个项目，则会出现两个问题:

  1. 左右滚动按钮停止工作->无法看到第6项。
  2. 整个carousel项目列表没有正确排列。它们都低于滚动线。

如果列表中有4个项目，那么我们不期望左右滚动条工作，但它们仍然没有正确排列。

我就是不知道出了什么问题。我已经创建了jsFiddle与7项。如果你删除<ul class=list-h> <li>...下的一个项目，你就会看到问题。任何帮助都是感激的。如果你能让它正常工作，我相信很多人都会从中受益。:-)谢谢。

在脚本代码中编辑这一行

if(s.deriction=="left"||s.deriction=="right"){
    var width=subObject.length*subObject.eq(0).outerWidth();
    object.css({width:width+"px",overflow:"hidden"});
    var step=s.step*subObject.eq(0).outerWidth();
};

成为:

if(s.deriction=="left"||s.deriction=="right"){
    var width=subObject.length*subObject.eq(0).outerWidth();
    object.css({width:width+"px",overflow:"hidden",marginLeft:-30,marginTop:0});
    var step=s.step*subObject.eq(0).outerWidth();
};

我在JsFiddle中尝试过，它可以很好地处理5个项目。

我希望它能帮到你，至少能缩小你要找的地方

相关文章：