carouFredSel：为下一个/上一个按钮创建一个函数？答案

【问题标题】：carouFredSel: Create a function for next / prev buttons?carouFredSel：为下一个/上一个按钮创建一个函数？
【发布时间】：2012-03-21 09:10:34
【问题描述】：

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

在不添加类或 ID 的情况下，我试图告诉按钮仅滚动相应的轮播。我相信这可以通过一个函数来完成，但我不完全确定如何。像这样的：

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

【问题讨论】：

我应该提一下，我不想使用类或 ID 来解决这个问题的原因是因为我正在使用 WordPress 生成这些列。由于所有列都具有相同的属性，因此我不想重复代码。

标签： javascript html css

【解决方案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 search: "动态获取按钮和容器的 HTML 元素"

【讨论】：

啊！我很接近。感谢您的帮助。
Wicked close...是的，我不得不阅读该文档以获取其他内容，我记得在其中看到过它...很高兴我能帮助队友！
我最终以不同的方式实现了键盘控制。所以就我而言，这不是问题！

【解决方案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.

【讨论】：

【解决方案3】：

可能这个对你有用。在我的页面中它工作得很好。

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

【讨论】：