2015-05-16 23 views
1

我已经修改了jquery zoom和carousel模块的工作奇妙(种),除了如果列表项目是6或更多的旋转木马正常工作的购物网站。如果传送带中有5个项目,则会发生两个问题:jQuery的缩放和旋转木马购物模块的bug

  1. 左侧和右侧滚动按钮停止工作 - >一个看不到第6个项目。
  2. 传送带物品的整个列表未正确排列。它们都在滚动线下方。

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

我只是无法弄清楚什么是错的。我创建了7个项目的jsFiddle。如果您删除<ul class=list-h> <li>...下的其中一项,则会看到问题。任何帮助表示赞赏。如果你能使这个工作正常,我相信很多人都会从中受益。 :-) 谢谢。

回答

2

编辑这一行你的脚本代码

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个项目。

我希望它能帮助你,至少缩小在哪里看。

+0

谢谢。至少它解决了关卡问题。它现在适用于350宽度,因为5个项目完全适合滚动条。但是,如果宽度不是350并且最后一个项目(例如,第5张照片仅显示一半),则滚动仍然不起作用。 – Jack