如何禁用jQuery Cycle2 Malsup插件中最后一张幻灯片上的“开始”和“下一步”按钮上的“上一步”按钮?

时间:2014-02-14 21:20:38

标签: jquery-cycle2

如何在jQuery Cycle2 Malsup插件的最后一张幻灯片上禁用第一张幻灯片上的上一页按钮和下一页按钮?

我知道这个问题之前已经回答了循环“1”插件(并且它在malsup的页面上发布为demo)。但是我该如何为 Cycle 2 版本实现它呢?我似乎无法在任何地方找到一个简单的答案,我在Javascript中可怜的太新手,以了解Cycle 2 API page。有人可以通过向我展示小提琴来帮助我吗?

1 个答案:

答案 0 :(得分:1)

如果您在循环HTML中将data-cycle-allow-wrap选项设置为false,则实际上会自动执行此操作。如果它位于幻灯片的开头/结尾,它会将类disabled添加到prev / next控件。然后你只需使用CSS来设置它的样式,使其隐藏或变灰。无需额外的Javascript。

这是一个小提琴示例:http://jsfiddle.net/X3kYY/