flexsliderアイテムの幅がriotjsで動作しない

Question

私はriotjsアプリケーションでflexsliderを達成しようとしています。スライダは正常に動作していますが、スライダのカスタムアイテムの幅を設定しても、それはありません。ドキュメントによると、それは動作するはずです。

self.on('updated', function(){ 
    $('.flexslider').flexslider({ 
    animation: "slide", 
//    itemWidth: 210, 
//    itemMargin: 5, 
      controlsContainer: ".flex-container", 
      start: function (slider) { 
      $('.total-slides').text(slider.count); 
      }, 
      after: function (slider) { 
      $('.current-slide').text(slider.currentSlide); 
      } 
    }); 
}); 

暴動コンポーネント：

<rsc-component id="dropBox" class="mybox col-lg-12"> 
    <div class="flexslider"> 
     <ul class="slides"> 
      <li> 
       <img src="../images/slide1.jpg" alt=""/> 
      </li> 
      <li> 
       <img src="../images/slide2.png" alt=""/> 
      </li> 
     </ul> 
    </div> 
</rsc-component> 

Answer 1

は、あなたが名前を付けflexslider、むしろjqueryのを使用して、それを探しよりも、内部的にそれを参照してください。

<rsc-component id="dropBox" class="mybox col-lg-12"> 
    <div class="flexslider" name="flexslider"> 
    <ul class="slides">...</ul> 
    </div> 
<script> 
... 
//store reference to flexslider 
this.on('mount',function(){ 
this.$flexslider = $(this.flexslider); // from the name property in template 
}); 

this.on('updated',function(){ 
// I would have at a guess that the flexslider needs to recalc itself, so 
// destroy it and regenerate. 
this.$flexslider.detach().flexslider({...}) 
}); 

</script> 
</rsc-component>