Question

我已经添加了所有脚本和css，它在单独运行html页面时工作，但在应用程序运行时却没有。控制台中没有显示任何内容。我也尝试在索引页面中添加css和js引用。

可能是什么问题？

<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>

Answer 1

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

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

让我知道它是怎么回事。

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

Slick Slider在AngularJS app中无效

1 个答案: