Javascript 转盘在最后一次滑动后停止,并且不';t循环
我正在为一个客户创建一个站点,并使用bootstrap构建一个旋转木马。我使用的是Bootstrap3.0。我在这里寻找与我类似的情况,但我发现的两个类似的案例没有答案 以下是网址: 一切都很好,除了在js中,当旋转木马碰到最后一张幻灯片时,一定有什么东西阻止它循环。非常确定这是一个简单的修复,但我还不太擅长js 提前谢谢,如果您需要任何代码,请告诉我 编辑:Javascript 转盘在最后一次滑动后停止,并且不';t循环,javascript,twitter-bootstrap,carousel,Javascript,Twitter Bootstrap,Carousel,我正在为一个客户创建一个站点,并使用bootstrap构建一个旋转木马。我使用的是Bootstrap3.0。我在这里寻找与我类似的情况,但我发现的两个类似的案例没有答案 以下是网址: 一切都很好,除了在js中,当旋转木马碰到最后一张幻灯片时,一定有什么东西阻止它循环。非常确定这是一个简单的修复,但我还不太擅长js 提前谢谢,如果您需要任何代码,请告诉我 编辑: 老实说,我对原始引导js唯一的改变就是间隔 Carousel.DEFAULTS = { interval: 7000, pause:
老实说,我对原始引导js唯一的改变就是间隔
Carousel.DEFAULTS = {
interval: 7000,
pause: 'hover',
wrap: true
}
以下是标记的代码:
<div id="main-slider" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active span12">
<div class="slider-imagery fadeIn fadeIn-3s fadeIn-Delay-3s">
<img src="http://realtormatchaz.com/wp-content/themes/wpbootstrap/img/slider-1.png" width="100%" />
</div>
</div>
<div class="item span12">
<div class="slider-imagery fadeIn fadeIn-3s fadeIn-Delay-3s">
<img src="http://realtormatchaz.com/wp-content/themes/wpbootstrap/img/slider-2.png" width="100%"/>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#main-slider" data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class="right carousel-control" href="#main-slider" data-slide="next">
<span class="icon-next"></span>
</a>
</div>
当我加载页面时,我会得到:
Uncaught TypeError: Property '$' of object [object Object] is not a function
似乎$
不在范围内,这可能是因为
试着像这样包装它:
jQuery(function( $ ) {
$('.carousel').carousel({
interval: 4000
});
});
jQuery(函数($){
$('.carousel')。carousel({
间隔时间:4000
});
});
旋转木马在哪?那。。。滑块在上面?这是一个旋转木马…现在它是骑自行车,但中途退出过渡。。。我已经熟练到足以构成危险了,我想哈哈哈,我从原始引导js中唯一改变的就是interval Carousel.DEFAULTS={interval:7000,pause:'hover',wrap:true}如果你去掉其中任何一个,问题会消失吗?控制台中有错误吗?