为什么使用这个滑块？

$(document).ready(function() { 
 
    $('.carousel').carousel({ 
 
    interval: 7000 
 
    }); 
 
});

.carousel { 
 
    z-index: -99; 
 
} 
 
/* keeps this behind all content */ 
 

 
.carousel .item { 
 
    position: fixed; 
 
    width: 100%; 
 
    height: 100%; 
 
    -webkit-transition: opacity 1s; 
 
    -moz-transition: opacity 1s; 
 
    -ms-transition: opacity 1s; 
 
    -o-transition: opacity 1s; 
 
    transition: opacity 1s; 
 
} 
 
.carousel .one { 
 
    background: url(assets/img/slide3blur.jpg); 
 
    background-size: cover; 
 
    -moz-background-size: cover; 
 
} 
 
.carousel .two { 
 
    background: url(assets/img/slide2blur.jpg); 
 
    background-size: cover; 
 
    -moz-background-size: cover; 
 
} 
 
.carousel .three { 
 
    background: url(assets/img/slide1blur.jpg); 
 
    background-size: cover; 
 
    -moz-background-size: cover; 
 
} 
 
.carousel .active.left { 
 
    left: 0; 
 
    opacity: 0; 
 
    z-index: 2; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myCarousel" class="carousel container slide"> 
 
    <div class="carousel-inner"> 
 
    <div class="active item one"></div> 
 
    <div class="item two"></div> 
 
    <div class="item three"></div> 
 
    </div> 
 
</div>

不幸的是这轮播不起作用。我收到此错误

Uncaught TypeError: $(...).carousel is not a function

你可以帮我解决这个错误吗？预先感谢您

来源

2016-09-22 John Smith

如果您包含carousel.js或不包含，请检查您的html。 – San

您必须在您的中包含轮播，js。这就是你得到这个错误的原因。 –

你正在使用哪个传送带插件，并检查它是否包含在内 –

您需要bootstrap.js之前投入的jquery.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js

应该来之前：

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

只需点击设置按钮（左JS）：

，然后更改顺序的“包括”：

请注意，您应该proive的JPG文件为好，但carusel问题得到了解决。

来源

2016-09-22 06:57:47 ItayB

你能否给我链接到codepen？我试图添加，但不去 –

@JohnSmith这是我所做的叉的链接：http://codepen.io/anon/pen/pEREpV – ItayB

@JohnSmith我已经更新了我的答案.. – ItayB

您不包括轮播插件。请将此行添加到您的头标记

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

这些是引导程序传送带的三行，它将运行正常。

来源

2016-09-22 06:58:57 bala

你能给我链接到codepen吗？我试图添加但不去 –

@bala观看我的答案，他确实包含这些文件 - 查看codepen设置..他只是按错误的顺序 – ItayB

为什么使用这个滑块？

回答

相关问题