Jquery “靴剪”;“简易传送带”;阿梅努拉说,这是行不通的

Jquery “靴剪”;“简易传送带”;阿梅努拉说,这是行不通的,jquery,html,twitter-bootstrap,carousel,Jquery,Html,Twitter Bootstrap,Carousel,我想把旋转木马放进一页。我从中复制了代码,但针对同一问题的其他解决方案没有起作用 我的HTML代码如下: <div class="container"> <div class="row"> <div class="col-md-12"> <div id="Carousel" class="carousel slide"> <ol class="carou

我想把旋转木马放进一页。我从中复制了代码,但针对同一问题的其他解决方案没有起作用

我的HTML代码如下:

<div class="container">
    <div class="row">
        <div class="col-md-12">
                <div id="Carousel" class="carousel slide">

                <ol class="carousel-indicators">
                    <li data-target="#Carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#Carousel" data-slide-to="1"></li>
                    <li data-target="#Carousel" data-slide-to="2"></li>
                </ol>

                <!-- Carousel items -->
                <div class="carousel-inner">

                <div class="item active">
                    <div class="row">
                      <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                      <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                      <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                      <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                    </div><!--.row-->
                </div><!--.item-->

                <div class="item">
                    <div class="row">
                        <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                        <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                        <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                        <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                    </div><!--.row-->
                </div><!--.item-->

                <div class="item">
                    <div class="row">
                        <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                        <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                        <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                        <div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
                    </div><!--.row-->
                </div><!--.item-->

                </div><!--.carousel-inner-->
                  <a data-slide="prev" href="#Carousel" class="left carousel-control">‹</a>
                  <a data-slide="next" href="#Carousel" class="right carousel-control">›</a>
                </div><!--.Carousel-->

        </div>
    </div>
</div><!--.container-->
然后,Java脚本如下所示:

<!-- Calling jquery first -->
<script language="JavaScript" type="text/javascript" src="scripts/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/bootstrap.min.js"></script>
  <!-- Carousel -->
<script language="JavaScript" type="text/javascript">
  $(document).ready(function(){
    $('.carousel').carousel({
      interval: 3000
    })
  });    
</script>  

$(文档).ready(函数(){
$('.carousel')。carousel({
间隔时间:3000
})
});    

您可以根据bootsnips链接将其作为工作转盘代码进行尝试

$(文档).ready(函数(){
$('旋转木马')。旋转木马({
间隔时间:5000
})
});
body{padding top:20px;}
旋转木马{
页边距底部:0;
填充:0 40px 30px 40px;
}
/*控制系统*/
.传送带控制{
左-12px;
高度:40px;
宽度:40px;
背景:无重复滚动0 0#22222;
边框:4px实心#FFFFFF;
边界半径:23px 23px 23px 23px;
边缘顶部:90像素;
}
.转盘控制,对{
右:-12px;
}
/*指标*/
.转盘指示器{
右:50%;
顶部:自动;
底部:-10px;
右边距:-19px;
}
/*指示灯的颜色*/
.转盘指示器{
背景:#塞切奇;
}
.转盘指示器。激活{
背景:#428bca;
}


  • 您可以根据bootsnips链接将其作为工作转盘代码进行尝试

    $(文档).ready(函数(){
    $('旋转木马')。旋转木马({
    间隔时间:5000
    })
    });
    
    body{padding top:20px;}
    旋转木马{
    页边距底部:0;
    填充:0 40px 30px 40px;
    }
    /*控制系统*/
    .传送带控制{
    左-12px;
    高度:40px;
    宽度:40px;
    背景:无重复滚动0 0#22222;
    边框:4px实心#FFFFFF;
    边界半径:23px 23px 23px 23px;
    边缘顶部:90像素;
    }
    .转盘控制,对{
    右:-12px;
    }
    /*指标*/
    .转盘指示器{
    右:50%;
    顶部:自动;
    底部:-10px;
    右边距:-19px;
    }
    /*指示灯的颜色*/
    .转盘指示器{
    背景:#塞切奇;
    }
    .转盘指示器。激活{
    背景:#428bca;
    }
    
    

  • 我知道我做错了什么。谢谢,我对这有点陌生。我知道我做错了什么。谢谢,我对这有点陌生。
    <!-- Calling jquery first -->
    <script language="JavaScript" type="text/javascript" src="scripts/jquery.js"></script>
    <script language="JavaScript" type="text/javascript" src="scripts/bootstrap.min.js"></script>
      <!-- Carousel -->
    <script language="JavaScript" type="text/javascript">
      $(document).ready(function(){
        $('.carousel').carousel({
          interval: 3000
        })
      });    
    </script>