我正在尝试在我的ember应用程序中实现slick slider我通过ember-cli-slick找到了这个ember observer,我必须使用Slider Syncing选项。在jquery中可以使用下面的选项。但是在ember中如何引用类名?
asNavFor: '.slider-nav'
答案 0 :(得分:3)
要安装ember-cli-slick,请运行以下命令
ember install ember-cli-slick
您可以通过以下参数为光滑滑块提供所有设置。
{{#slick-slider slidesToShow=1 slidesToScroll=1 arrows=false fade=true asNavFor="slider-nav" class="slider-for"}}
<div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div>
<div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div>
<div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div>
<div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div>
{{/slick-slider}}
我还没有测试asNavFor
功能是否有效。但这就是我们如何为光滑的滑块组件提供设置。