bootstrap 5 carousel仅在第一次单击下一步后开始自动滑动

文章/答案/技术大牛

发布

1回答

bootstrap-5

我使用javascript定义了一个bootstrap 5 carousel。当我从浏览器获取纯生成的html时，它工作得很好。当我使用java脚本生成html时，默认情况下不会开始旋转。只有在我点击下一个或上一个箭头手动旋转幻灯片后，它才开始旋转。知道为什么吗？下面的代码应该工作在小提琴等每次复制和粘贴。<head> <link href="https:/&

浏览 39提问于2021-09-13得票数 0

回答已采纳

15回答

如何让Bootstrap js carousel在页面加载时自动循环？

javascript、twitter-bootstrap、carousel

使用bootstrap.js版本2.02我希望旋转木马在中场休息时立即开始循环。您将看到单击一次carousel后，它如何开始每隔5秒左右循环一次，但我不

浏览 0提问于2012-03-17得票数 26

1回答

Bootstrap 3画廊自动幻灯片激活后模式打开？

javascript、jquery、twitter-bootstrap、css

我正在使用Bootstrap 3，我在主页上有一个图库和一个模式。我已经通过使用以下命令禁用了图库上的自动幻灯片： $ub('.carousel').carousel({ interval: false }; 我唯一的问题是，当有人点击按钮调出模式时，图库突然开始自动再次滑动，并将一直持续到你

浏览 0提问于2015-08-08得票数 0

5回答

Bootstrap Carousel不能从一个图片滑动到下一个图片

jquery、css、twitter-bootstrap、carousel

</title><link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="

浏览 2提问于2013-06-27得票数 3

回答已采纳

5回答

引导转盘不自动滑动

javascript、twitter-bootstrap

我使用的是Twitter的carousel的bootstrap (最新版本)，我已经让它工作了--除了它不会开始自动滑动。在您单击其中一个导航按钮后，它可以正常工作。不知道它为什么要这么做。'/bootstrap/bootstrap-carousel.js'; ?>"></script> <script type="t

浏览 2提问于2012-06-28得票数 14

回答已采纳

1回答

Twitter Bootstrap* Carousel跳过问题*

javascript、twitter-bootstrap、carousel

在网站上，我正在做的旋转木马似乎跳到了第三张图片，当你第一次点击next按钮时，页面加载。有没有人知道这是为什么？我正在遵循建议的布局。

浏览 4提问于2012-07-28得票数 7

1回答

引导转盘在页面加载时不滑动

twitter-bootstrap

在尝试了下面post中提到的所有方法后，引导转盘仍然不起作用。有没有其他解决方案来解决这个问题？请帮帮忙，谢谢！ $('.myCarousel').carousel({}); $('.myCarousel').carousel(&#x

浏览 0提问于2013-09-27得票数 0

7回答

如何阻止Bootstrap旋转木马自动滑动？

html、twitter-bootstrap、carousel

我构建了一个bootstrap视频转盘。它工作得很好，但是，我唯一的问题是旋转木马在5秒后一直滑到下一张幻灯片。我如何让它停止自动滑动，而只在用户单击左箭头或右箭头时滑动？<div class="container"> <div id="carousel-example-generic" class="carousel slide" data

浏览 0提问于2014-10-01得票数 44

2回答

ngx-bootstrap* carousel在单击下一步/上一步按钮时丢失的悬停暂停*

angular、carousel、ngx-bootstrap

我有一个angular5应用程序，它有一个页面实现了ngx-bootstrap carousel组件，它使用默认的noPause属性来暂停图像滚动操作，它工作得很好。当我使用“下一步”或“上一步”按钮点击幻灯片时，幻灯片的自动滚动再次启动，这样每次单击轮播时，轮播就会跳过两个图像，所以鼠标在轮播上的事实被忽略了。演示版本的旋转木马似乎有类似的问题()，但我不确定是否可以在单击幻灯片时重新设置noPause值？不确定是否有人知道这是否可能？这是我对旋转木马的实现： <

浏览 2提问于2018-04-17得票数 0

6回答

Twitter引导轮不会自动启动。

javascript、jquery、twitter-bootstrap

-- class of active since it's the first item --> <p>Caption text here</p></div> <div class=&quo

浏览 6提问于2013-08-21得票数 1

回答已采纳

0回答

轮播幻灯片在chrome和mozilla中不能滑动

html、google-chrome

我已经添加了一个旋转木马幻灯片到我的page.Its工作良好，但在浏览器和mozilla.我的意思是，旋转木马自动滑动后，几个seconds.It是给别人滑动效果，但不是在chrome和mozilla，虽然图像是changing.How，我也给了滑动效果的铬。代码如下： <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootst

浏览 10提问于2017-05-31得票数 0

2回答

如何将猫头鹰轮播设置为自动播放

jquery、owl-carousel

但它不起作用： <script src="{{base_url/js/owl.autoplay.js"></script> var owl = $('.owl

浏览 3提问于2016-07-10得票数 1

1回答

Twitter Bootstrap* Carousel插件页面加载延迟*

jquery、twitter-bootstrap、jcarousel

不知道为什么这个插件是这样的，但是每当我用carousel插件刷新页面时，包含的div都是空白的，大约5秒后，carousel就会开始正常工作--滑动通过。这就是我所拥有的： <head> <link rel="stylesheet" href="bootstrap.min.css" type="text/css">javas

浏览 0提问于2012-02-10得票数 12

回答已采纳

1回答

正在获取未定义引导的“无法读取属性”“offsetwidth”“

jquery、twitter-bootstrap

我的第一个活动图像正在显示，单击下一步后，我在控制台中看到此错误，图像没有滑动。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css&quo

浏览 1提问于2015-05-15得票数 3

回答已采纳

3回答

启动时不滑动的引导旋转木马

jquery、twitter-bootstrap、angularjs、carousel

我实现了一个引导旋转木马，它运行得很好，只要我单击下一个箭头的开始。然后开始自动滑动。如果我不点击任何东西，它就不会开始。有什么问题吗？我读了很多帖子，尝试过不同的东西： <div class="carousel-inner"

浏览 3提问于2013-05-01得票数 3

回答已采纳

1回答

无法在node.js Express中的Bootstrap旋转木马中滑到上/下一张图像

node.js、twitter-bootstrap、express、pug、carousel

我刚下载了Bootstrap 3.3.5。我试着按照这里的例子来创建一个旋转木马。图像是自动滑动的。但是，当我单击< and >图标时，我被指向一个错误页面，上面写着“无法获取/旋转木马”。以下是我的翡翠代码： ol.carousel-indicators li(data-target='#<em

浏览 14提问于2015-08-29得票数 0

回答已采纳

2回答

旋转木马滑动动画在Bootstrap* 4.5.2上不起作用*

html、css、bootstrap-4、carousel

我正在学习Bootstrap (v4.5.2)，并想创建一个简单的旋转木马，自动为我的网站幻灯片。/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z<img class="d-block w-100" src="..." alt="Third sl

浏览 31提问于2020-09-10得票数 1

回答已采纳

1回答

如何在交互时重置/停止Siema自动播放间隔？

javascript、carousel、autoplay、siema

我正在尝试纯JavaScript carousel插件Siema。我将旋转木马设置为自动播放，每隔5秒更换一次幻灯片，还添加了“上一页”和“下一页”按钮来手动更改幻灯片。5秒的时间间隔不间断地运行，所以每当我开始手动与滑块交互时，比如说单击它的元素或它的上一步/下一步按钮，自动播放就会迅速赶上并再次更改幻灯片。当用户第一次与滑块的任何元素交互时，我希望自动播放停止。

浏览 28提问于2020-01-04得票数 0

回答已采纳

10回答

如何让Bootstrap* carousel滑块使用移动的左/右滑动*

jquery、html、css、twitter-bootstrap-3、carousel

--Carousel--> <li data-target="#sidebar-carousel

浏览 136提问于2014-01-25得票数 71

回答已采纳

3回答

为什么Bootstrap* Carousel Sliders不起作用*

html、twitter-bootstrap-3

当我运行我的旋转木马时，图像会在5秒后自动旋转，但当我单击向右和向左的滑块时，它不会滑动，当我向下滚动单击指示器时，也没有任何反应，屏幕只是像滞后一样上下滚动，任何建议。我的代码是： &

浏览 0提问于2018-06-04得票数 0

点击加载更多