Javascript Bootstrap 4旋转木马不'；自动播放_Javascript_Jquery_Bootstrap 4

Javascript Bootstrap 4旋转木马不'；自动播放

javascript jquery bootstrap-4

Javascript Bootstrap 4旋转木马不'；自动播放,javascript,jquery,bootstrap-4,Javascript,Jquery,Bootstrap 4,编辑：看起来它终于起作用了，问题不是它显然不起作用，而是它不能自动播放，我必须在左侧或右侧单击一次，然后它就会起作用：/如何这样做自动播放？“触发。点击”的方式真的是。。。糟透了 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#ca

编辑：看起来它终于起作用了，问题不是它显然不起作用，而是它不能自动播放，我必须在左侧或右侧单击一次，然后它就会起作用：/如何这样做自动播放？“触发。点击”的方式真的是。。。糟透了

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
            <img src="/slider1.jpg" alt="First slide">
        </div>
        <div class="carousel-item">
            <img src="/slider2.jpg" alt="Second slide">
        </div>
        <div class="carousel-item">
            <img src="/slider3.jpg" alt="Third slide">
        </div>
    </div>
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="icon-prev" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="icon-next" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>

我的index.html头：

<!DOCTYPE html>
<html lang="en" style="height: 100vh;">
<head>
    <base href="/">
    <link rel="icon" type="image/x-ico" href="/favicon.ico" />
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" integrity="sha384-MIwDKRSSImVFAZCVLtU0LMDdON6KVCrZHyVQQj6e8wIEJkW4tvwqXrbMIya1vriY"             crossorigin="anonymous">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>TV</title>
    <script src="bower_components/angular/angular.js"></script>
    <script src="/bower_components/angular-component-router/angular_1_router.js"></script>
    <script src="/bower_components/angular-component-router/ng_route_shim.js"></script>
    <script src="/contents/contents.component.js"></script>
    <script src="bootstrap.js"></script>
    <script src="/contents/builderror/buildError.component.js"></script>
    <script src="/contents/infosAno/infosAno.component.js"></script>
    <script src="/contents/infosImp/infosImp.component.js"></script>
    <script src="/contents/slider/slider.component.js"></script>
    <script src="/contents/slider/carousel.js"></script>

</head>


电视

我使用Angular 1.5来创建一个单页应用程序。

这个示例在没有任何js文件的情况下运行，只需确保在引导js文件之前必须包含Jquery

这是我刚刚创建的js fiddle代码

Link: https://jsfiddle.net/nxtvhj5r/

发布你的源代码是的，没有源代码-没有答案你包括了

bootstrap.js

？我编辑了我的主题。哪个js？bootstrap.js？我没有使用专门用于carouselNo的js文件，自定义js文件，您可以在其中初始化carousel。啊，是的，对不起，所以我在carousel.js中写了这个文件，但没有更改（对于自动播放，这最终是真正的问题，并且carousel在没有这个js文件的情况下工作：/但是我想我需要它用于自动播放）更新我的答案，并为您创建一个JSFIDLE代码。谢谢！但它与我的代码完全相同：/Mine也适用于JSFIDLE：/