2017-08-17 10 views
0

すべてのスクリプトとCSSを追加しました。これは、HTMLページだけを実行すると機能しますが、アプリケーションの実行時には機能しません。コンソールには何も表示されません。私はインデックスページでもCSSとjsの参照を追加しようとしました。Slick SliderがAngularJSアプリケーションで動作しない

何か問題がありますか?

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> 

<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css'> 

<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.5/slick.min.css'> 
<div class="slider responsive"> 
       <div> 
        <img src="http://placehold.it/200x150" alt="" /> 
       </div> 
       <div> 
        <img src="http://placehold.it/200x150" alt="" /> 
       </div> 
       <div> 
        <img src="http://placehold.it/200x150" alt="" /> 
       </div> 
       <div> 
        <img src="http://placehold.it/200x150" alt="" /> 
       </div> 
       <div> 
        <img src="http://placehold.it/200x150" alt="" /> 
       </div> 
       <div> 
        <img src="http://placehold.it/200x150" alt="" /> 
       </div> 
       <div> 
        <img src="http://placehold.it/200x150" alt="" /> 
       </div> 
       <div> 
        <img src="http://placehold.it/200x150" alt="" /> 
       </div> 
    </div> 


<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 

<script src='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.5/slick.min.js'></script> 

<script src="js/slider.js"></script> 

<script> 
$(function() { 
$('.slider').slick(); 
}); 
</script> 

答えて

1

あなたはanglejsアプリケーションについて言及していますが、あなたのHTMLで参照されているangularJSは表示されません。あなたが滑らかなカルーセルのangularJSバージョンをしたい場合は、これをチェックしてください:

http://devmark.github.io/angular-slick-carousel/#/

は、私はそれが行く方法を知ってみましょう。

注:これはコメントであったはずですが、回答するには十分なポイントがありません。

関連する問題