Question

我似乎无法使用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')
    });
});

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在一个页面上使用多个滑块

1 个答案: