我花了几个小时尝试用 Slick.js 轮播协调 2 个不同的指令。我目前正在使用https://github.com/vasyabigi/angular-slick
我已经加载了插件的jquery版本以及index.html中的 Angular 部分。我已经连接了所有内容,这样就不会出现 js 错误。
根据更详细的 jquery 文档,我设置了这个:
<slick slides-to-show="1" slides-to-scroll="1">
<div>foo</div>
<div>bar</div>
<div>baz</div>
</slick>
所以,我看到了第一个 div 和导航按钮——它们什么也不做。
我真正需要做的是设置我自己的“下一张”按钮,因此我添加了一个按钮,但无法弄清楚 ng-click 会转到下一张幻灯片。根据 jQuery 文档,它是 slickNext
所以我尝试过
<button type="button" ng-click="slickNext">Next</button>
甚至
<button type="button" ng-click="slick-next">Next</button>
什么也没发生。
我在这里缺少什么?
最佳答案
从其source code来看。很确定应该是这样
<slick ... next-arrow=".selector .to .next-button" prev-arrow=".selector .to .prev-button" >
...
关于javascript - Angular JS Slick Carousel - 似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31631327/