Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导转盘控件不更改活动类_Javascript_Jquery_Html_Twitter Bootstrap_Bootstrap 4 - Fatal编程技术网

Javascript 引导转盘控件不更改活动类

Javascript 引导转盘控件不更改活动类,javascript,jquery,html,twitter-bootstrap,bootstrap-4,Javascript,Jquery,Html,Twitter Bootstrap,Bootstrap 4,我正在努力让推特引导转盘工作。幻灯片会在默认超时后更改其显示方式,但不知何故,指示器不会更改活动类,因此我的旋转木马不会更改其幻灯片 我试图手动编程旋转木马上的点击,但这是不够的,因为幻灯片只在点击时更改,而不是默认情况下在一段时间后没有点击 我还检查了carousel项目上的“active”类是否在单击时以及在默认超时时间之后发生更改。如上所述,“active”类不会在单击控件时更改,但在超时后会更改 在这里您可以找到我的旋转木马的代码: <div id="carouselExample

我正在努力让推特引导转盘工作。幻灯片会在默认超时后更改其显示方式,但不知何故,指示器不会更改活动类,因此我的旋转木马不会更改其幻灯片

我试图手动编程旋转木马上的点击,但这是不够的,因为幻灯片只在点击时更改,而不是默认情况下在一段时间后没有点击

我还检查了carousel项目上的“active”类是否在单击时以及在默认超时时间之后发生更改。如上所述,“active”类不会在单击控件时更改,但在超时后会更改

在这里您可以找到我的旋转木马的代码:

<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>&minus;
                    <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>&minus;
                    <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>&minus;
                    <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>