Question

我正在寻找上述内容，但我找到的响应式CarouFredSel轮播的所有示例都显示了可变宽度的项目。我需要我的物品保持一定的宽度。

这是展示问题的小提琴：http://jsfiddle.net/cffutdjt/7/

这是CarouFredSel的初始化：

$(document).ready(function() {  
    if ($("#trends").length >= 1) {
        $("#trends").carouFredSel({
            responsive: true,
            auto: false,
            items: {
                width: 245,
                visible: {
                    min: 1,
                    max: 4
                }
            },
            scroll: {
                auto: true,
                items: 1,
                height: 'variable',
                easing: "linear",
                duration: 500
            },
            pagination: {
                container: '#controls'
            }
        });
    }
});

知道为什么忽略我的设定项目宽度？它们应该保持在245px，不是吗？

肖恩

Answer 1

我最近遇到了同样的问题，我发现的唯一解决方案是在脚本中注入一个css，所以我覆盖了脚本的宽度，如下所示：

fetchInfo()

正如您在此处所见，我将li宽度修正为265px。您不能直接在项目CSS中执行此操作，因为脚本在CSS之后执行，例如，如果CSS中的宽度为300px且脚本显示为500px，那么它将为500px！但是如果你在执行后直接在脚本中注入CSS就可以了。项目中的宽度属性似乎在CarouFredSel中起作用，这就是为什么我必须做这个workAround。希望这在2年后仍然有用

响应式CarouFredSel旋转木马，带有固定宽度的物品

1 个答案: