Carousel不会在bootstrap-v3.3.5下循环

Question

我面临的问题几乎与之前在#3528中报告和解决的问题相同：轮播不会循环。

我尝试了#3528下讨论的所有合理解决方案，但都没有奏效。以下是我的配置代码，请告诉我出了什么问题：

JAVA SCRIPT：

<script type='text/javascript'>
    $(document).ready(function() {
         $('#ck-carousel').carousel({
             interval: 2000,
             cycle: true,
             pause: 'none'
         })
    });    
</script>

HTML：

<div id="ck-carousel" class="carousel slide" data-ride="carousel" data-interval="2000">
    <div class="carousel-inner">
        <div class="active item">
            <img src="/assets/images/growth.jpg" alt="...">
            <mc-signup-growth> </mc-signup-growth>
        </div>

        <div class="item">
            <img src="/assets/images/beauty.jpg" alt="...">
            <mc-signup-beauty> </mc-signup-beauty>
        </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#ck-carousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="right carousel-control" href="#ck-carousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>

    </div>