2016-09-30 7 views
3

で「asNavFor」オプションを使用して、私はember observerを経由して、このember-cli-slickを発見し、私はオプションの下に使用してスライダーの同期option.in jqueryのその可能性を使用する必要がありますする方法クラス名を参照する方法は?私は私の燃えさしアプリケーションで<a href="http://kenwheeler.github.io/slick/" rel="nofollow">slick slider</a>を実装しようとしている燃えさし-CLI-ツルツル

asNavFor: '.slider-nav'

+0

あなたは ''設定 ''のような設定項目に '' breakpoints ''というコントローラプロパティを定義することができます:{'asNavFor': '.slider-nav'} '' {{#slick-slider responsive = breakpoints}} ' '.. – kumkanillam

+0

@kumkanillamしかし、{{#slick-slider}}でクラスを参照するにはどうすればいいですか? – vivek

答えて

3

燃えさし-CLI-スリックをインストールするには、

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機能をテストしていません。スライダースライダーコンポーネントに設定を提供する必要があります。

関連する問題