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

我使用carouFredSel在同一页面上创建多个轮播。如果你看看这个JSFiddle，你会看到有两个轮播，但只有一个能够用下一个/上一个按钮滚动。carouFredSel：为next/prev按钮创建一个函数？

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

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

来源

2012-03-02 colindunn

我应该提到，我不想使用类或ID来解决这个问题的原因是因为我使用WordPress生成这些列。由于所有列都具有相同的属性，我不想重复代码。 – colindunn 2012-03-02 21:25:24

给这个一看，它的文档权：

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元素的按钮和动态容器”

来源

2012-03-02 21:45:47 Relic

啊！我很接近。感谢您的帮助。 – colindunn 2012-03-02 21:48:17

邪恶的关闭...是的，我必须阅读该文件的其他一次，我记得在那里看到它......很高兴我可以帮助队友！ – Relic 2012-03-02 21:49:26

我最终以不同的方式实现了keybaord控件。所以在我的情况下，这不是一个问题！ – colindunn 2012-03-02 22:03:08

我认为是更好的设置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.

来源

2013-04-08 13:02:31 Brightweb

可能是这个人是我的you.in其页面干活好有用。

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

来源

2015-10-13 09:49:31

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

回答

相关问题