使用Ayaslider在一个页面上的多个滑块

Question

我似乎无法使用Ayaslider jquery plugin在一个页面上获取多个滑块。最新的github版本说他修复了这个问题，但是当我在ayaSlider.js中更新我的源代码时，它完全破坏my current slider。它看起来像我从second commit version升级，看起来像在js中，但现在切换到jQuery。

关于我在做什么错误的任何建议非常感谢。

我目前排队的谷歌托管的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') 
    }); 
});