gpt4 book ai didi

javascript - Bootstrap JavaScript 轮播不会停止循环

转载 作者:IT王子 更新时间:2023-10-29 03:15:04 26 4
gpt4 key购买 nike

Twitter Bootstrap 版本:2.0.3

示例 HTML 代码:

<!DOCTYPE html>
<html dir="ltr" lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<link rel="stylesheet" type="text/css" media="all" href="reddlec/style.css" />
<script type="text/javascript">
$(document).ready(function() {
$('.carousel').each(function(){
$(this).carousel({
pause: true,
interval: false
});
});
});​
</script>
<script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
</head>
<body>
<div id="myCarousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">…</div>
<div class="item">…</div>
<div class="item">…</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
</body>
</html>

CSS:bootstrap.css一起提供

问题:如您所见,我启用了暂停模式,并禁用了循环。但是,当我单击轮播的左侧或右侧控件时,轮播会在鼠标离开时以默认间隔(每个周期 5 秒)开始循环。

如何强制禁用循环?我希望图像由用户手动循环。

您可以在我的测试站点上实时测试问题 here .

最佳答案

您可能想尝试删除“暂停”属性。如果您没有自动循环浏览图像,则没有必要。我的假设(我将查看 Bootstrap 代码来验证)是当“mouseleave”事件触发时,循环恢复——即使它首先被关闭。当它恢复时,它使用默认速度。

解决方法:

$(function() {
$('.carousel').each(function(){
$(this).carousel({
interval: false
});
});
});​

关于javascript - Bootstrap JavaScript 轮播不会停止循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10521165/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com