2016-05-21 11 views
0

角度アプリでは、角滑りを使って簡単な滑らかな回転円があります。最初にAppを読み込むとき(滑らかなカルーセルを含むビューで)、カルーセルが正しく表示されます。しかし、別のビューに切り替えて、カルーセル滑らかな表示に戻った後、私は次のエラーを取得する:角度アプリとjQuery Slickの問題

TypeError: u.slick is not a function 

カルーセルは、次のようになります。

<div class="col-sm-6 col-sm-offset-3 mainContent"> 
    <div style="height: 50px; margin-bottom:70px;"> 
     <slick class="slider multiple-items slick-slider" slides-to-scroll="1" slides-to-show="3" infinite="true" speed="3000" autoplay="true" init-onload="true"> 
      <div ng-class="slick-slide" style="width: 187px;"><h3 class="text-center">1</h3></div> 
      <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">2</h3></div> 
      <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">3</h3></div> 
      <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">4</h3></div> 
      <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">5</h3></div> 
      <div ng-cclass="slick-slide" style="width: 187px;"><h3 class="text-center">6</h3></div> 
     </slick> 
    </div> 
</div> 

は(私が推測する)理由がありますjQueryプラグインはビューを変更した後に「失われますか?同じ問題に直面して誰のための

おかげ

+0

誤って複数のバージョンのjQueryスクリプトを読み込んでいないことを確認してください。そして、あなたはjQueryスクリプトの後にAngularスクリプトをロードしています。 –

+0

ご提案いただきありがとうございます。 2番目のjQuieryスクリプトの読み込みに関するコードが見つかりませんでした。私はあなたの2番目の提案を実装し、角度ロードの前にjQueryプラグインを配置しました。残念ながらそれは問題を解決しませんでした。私は最終的に、角の滑らかな指令を変更し、DevMarc(https://github.com/devmark/angular-slick-carousel)によって開発されたものを使用して問題を解決しました。 – aplon

+0

よろしくお願いします。:) –

答えて

関連する問題