使用 Ayaslider 在一页上显示多个滑块

Question

我似乎无法使用 Ayaslider jquery plugin. The latest github version says he fixed that, but when I update my source code in ayaSlider.js it completely breaks my current slider. It looks like I am upgrading from the second commit version 在一页上获得多个滑块，它看起来像是在 js 中，但现在切换到 jquery。

非常感谢任何关于我做错的建议。

我目前正在排队 google 托管的 jquery 库 1.8.1。

此外，如果有帮助，我的 custom.js 代码是：

jQuery(document).ready(function() {

    jQuery('#slider').ayaSlider({
       easeIn : 'easeOutBack',
       easeOut : 'linear',
       delay : 4000,
/*     timer : jQuery('#header'), */
       previous : jQuery('.prev'),
       next : jQuery('.next')
    });
});

Answer 1

万一其他人遇到这个问题，解决方法很简单。复制 custom.js 文档中的代码，并给第一行一个新的 id 以供参考：

jQuery(document).ready(function() {

    jQuery('#slider').ayaSlider({
       easeIn : 'easeOutBack',
       easeOut : 'linear',
       delay : 4000,
/*     timer : jQuery('#header'), */
       previous : jQuery('.prev'),
       next : jQuery('.next')
    });

jQuery('#slider2').ayaSlider({
       easeIn : 'easeOutBack',
       easeOut : 'linear',
       delay : 4000,
/*     timer : jQuery('#header'), */
       previous : jQuery('.prev'),
       next : jQuery('.next')
    });
});

使用 Ayaslider 在一页上显示多个滑块

Multiple sliders on one page using Ayaslider

javascript

jquery

github

jquery-plugins