Question

我正在使用carouFredSel在同一页面上创建多个轮播。如果您查看此JSFiddle，您会看到有两个轮播，但只有一个可以使用下一个/上一个按钮滚动。

如果不添加类或ID，我试图告诉按钮只滚动相应的轮播。我相信这是通过一个功能完成的，但我不完全确定如何。像这样：

prev: {
    button: function() {
        $(this).next('.prev');
        }
},

Answer 1

看一看，它在文档中是正确的：

prev: {
    button: function() {
        return $(this).parent().siblings(".prev");
        }
    },
next: {
    button: function() {
        return $(this).parent().siblings(".next");
        }
    }

Working JSFiddle demo

哦，注意，我拿出了key，因为那时你必须让旋转木马同步......你可以拥有一个或另一个，而不是两个。（除非你有条件地分配了密钥，但是你的代码很小）
-
http://caroufredsel.frebsite.nl/code-examples/configuration.php 搜索：“动态获取按钮和容器的HTML元素”

Answer 2

我认为最好设置一个ID。

$("#list1").carouFredSel({
    direction: "up",
    auto : false,
    items: 3,
    prev : "#prev1",
    next : "#next1"
});   

$("#list2").carouFredSel({
    direction: "up",
    auto : false,
    items: 3,
    prev : "#prev2",
    next : "#next2"
});

See a working demo.

Answer 3

可能这个对你有用。在我的网页上它的工作很好。

prev: {
       button  : ".prev"
},
next: {
       button  : ".next"
},

carouFredSel：为next / prev按钮创建一个函数？

3 个答案: