滑动滑块不工作在AngularJS应用程序

问题描述：

我已经添加了所有的脚本和CSS，它是单独运行HTML页面时工作，但不是当应用程序运行时。控制台中没有显示任何内容。我已经尝试在索引页面中添加css和js引用。滑动滑块不工作在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>

答

你提到了它的一个angularjs应用程序，但我没有看到在你的HTML中引用的angularJS。如果你想光滑转盘的angularJS版本，请检查了这一点：

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

让我知道如何去。

注意：这应该是一个评论，但回答，因为我没有足够的评论点。

滑动滑块不工作在AngularJS应用程序

相关推荐