Javascript 引导转盘控件不更改活动类
我正在努力让推特引导转盘工作。幻灯片会在默认超时后更改其显示方式,但不知何故,指示器不会更改活动类,因此我的旋转木马不会更改其幻灯片 我试图手动编程旋转木马上的点击,但这是不够的,因为幻灯片只在点击时更改,而不是默认情况下在一段时间后没有点击 我还检查了carousel项目上的“active”类是否在单击时以及在默认超时时间之后发生更改。如上所述,“active”类不会在单击控件时更改,但在超时后会更改 在这里您可以找到我的旋转木马的代码:Javascript 引导转盘控件不更改活动类,javascript,jquery,html,twitter-bootstrap,bootstrap-4,Javascript,Jquery,Html,Twitter Bootstrap,Bootstrap 4,我正在努力让推特引导转盘工作。幻灯片会在默认超时后更改其显示方式,但不知何故,指示器不会更改活动类,因此我的旋转木马不会更改其幻灯片 我试图手动编程旋转木马上的点击,但这是不够的,因为幻灯片只在点击时更改,而不是默认情况下在一段时间后没有点击 我还检查了carousel项目上的“active”类是否在单击时以及在默认超时时间之后发生更改。如上所述,“active”类不会在单击控件时更改,但在超时后会更改 在这里您可以找到我的旋转木马的代码: <div id="carouselExample
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 carousel-img carousel-img-1" src="resources/img/1x1.png" alt="First slide">
<div class="hero-text-box">
<blockquote style="color: white">
<div class="center-logo">
<div class="col-md-12">
<img class="d-block mx-auto" src="resources/img/logo-viereck.jpg" alt="Logo">
</div>
</div>
<q style="font-size: 150%">Besuche ich gern, wenn ich in der Nähe bin. Super Angebote zum fairen Preis. Die Theken und
Auslagen sind stets sauber. Das Personal ist auch sehr freundlich und auf Augenhöhe.</q>
<br>−
<cite>Jörg B.</cite>
</blockquote>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100 carousel-img carousel-img-2" src="resources/img/1x1.png" alt="Second slide">
<div class="hero-text-box">
<blockquote style="color: white">
<div class="center-logo pb-3">
<div class="col-md-12">
<img class="d-block mx-auto" src="resources/img/logo-viereck.jpg" alt="Logo">
</div>
</div>
<q style="font-size: 150%">Wie immer Super! Qualität, Service und Preis sind top. Einmal Bernys Cook immer Bernys Cook.
Selbst für weitgereiste und große Fahrzeuge ist immer ein Parkplatz vorhanden.</q>
<br>−
<cite>Simon H.</cite>
</blockquote>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100 carousel-img carousel-img-3" src="resources/img/1x1.png" alt="Third slide">
<div class="hero-text-box">
<blockquote style="color: white">
<div class="center-logo pb-3">
<div class="col-md-12">
<img class="d-block mx-auto" src="resources/img/logo-viereck.jpg" alt="Logo">
</div>
</div>
<q style="font-size: 150%">Wie immer sehr schnell und äusserst lecker! Weiter so!! Sehr zu empfehlen! An alle Trucker:
Hier lohnt es sich einzukehren! Super Essen mit Allem drum und dran!</q>
<br>−
<cite>Frank W.</cite>
</blockquote>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
我是格恩,我在Nähe bin。超级安格博特祖姆·费尔恩·普里斯。死吧
奥斯拉根·辛德·斯特茨·索伯。这是我的个人经历。
&负的;
约尔格B。
超级威伊默!质量、服务和准备都是一流的。埃因马尔·伯尼斯·库克伊默·伯尼斯·库克。
在沃汉登公园广场上,有一个很好的花园和花园。
&负的;
西蒙H。
我是施奈尔和勒克!韦特:那么!!塞尔祖恩普费伦!alle卡车司机:
他是我的朋友!超级埃森麻省理工学院,欢迎光临!
&负的;
弗兰克W。
试试这个:-
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="https://www.w3schools.com/bootstrap/ny.jpg" alt="Los Angeles">
</div>
<div class="item">
<img src="https://www.w3schools.com/bootstrap/la.jpg" alt="Chicago">
</div>
<div class="item">
<img src="https://www.w3schools.com/bootstrap/ny.jpg" alt="New York">
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>