使用 Ayaslider 一页上的多个滑块答案

【问题标题】：Multiple sliders on one page using Ayaslider使用 Ayaslider 一页上的多个滑块
【发布时间】：2015-08-10 09:27:18
【问题描述】：

我似乎无法使用Ayaslider jquery plugin 在一个页面上获得多个滑块。最新的 github 版本说他修复了这个问题，但是当我在 ayaSlider.js 中更新我的源代码时，它完全破坏了my current slider。看起来我是从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')
    });
});

【问题讨论】：

标签： javascript jquery github jquery-plugins

【解决方案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')
    });
});

【讨论】：