Question

我遇到了jquery插件jcarousel的问题，导致在调整浏览器大小时移动轮播区域。

当轮播被设置为“圆形”并且已经通过每个项目时，会发生这种情况。旋转木马的容器有左侧样式：-7300px;宽度：10950px; 当我调整浏览器大小时，它变为：left：-8030px;宽度：8760px;并且旋转木马不在视野范围内（似乎在它应该的位置左侧，因为我仍然可以看到滚动过去的物品）。

编辑：添加代码。我正在使用Drupal + Views，所以html有点乱，无法真正发布。但这就是我如何设置轮播：

  $(document).ready(function() {
    $(".view-promo-box-home-page-carousel ul").jcarousel({
    visible: 1,
    scroll: 1,
    auto : 1,
    wrap : "circular",
    itemFallbackDimension : 730
    }); 
 });

Answer 1

我知道我已经迟到了，但对于像我这样的人来到这个网页寻找答案，这里是答案：http://www.sitepoint.com/forums/showthread.php?718555-Problem-with-Jcarousel

在CSS中，轮播列表项的宽度设置为178px，其中的实际图像宽度为185px。将“.jcarousel-skin .jcarousel-item”的宽度调整为185px（并相应调整任何边距）应该可以解决问题。

Answer 2

我尝试了很多，发现Jcarousel默认不包含jquery.jcarousel.js。因此，请尝试将以下行添加到modules / jcarousel中的 jcarousel.module 文件中。

 drupal_get_path('module', 'jcarousel') . '/js/jquery.jcarousel.js',

之后，而不是在jquery.jcarousel.js的第287行...... if（i + 1＆lt; self.first）{

将其替换为此...

if (i + 1 < self.first % this.options.size) {

一切顺利......

它对我有用。

jcarousel：调整大小窗口移动轮播视图

2 个答案: