ブートストラップ4カルーセルは自動再生しません

-2

EDIT：最終的に動作するように見えますが、問題は明らかに機能しないということではなく、自動再生しないということです。、それが動作します：/どのように自動再生を行うには？ "trigger.click"は本当に...ひどいです。ブートストラップ4カルーセルは自動再生しません

<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>

私は単一ページのアプリケーションを作るために角度1.5を使用しています。

出典

2016-08-19 Kalas Yagami

あなたのソースコード –

うん、ソースなしに投稿していない - あなたは 'bootstrap.js'が含まれている –

何の答えを？ –

の例では、任意のJSファイルなしで実行するだけであなたはここで、ブートストラップのjsファイルの前に

をjqueryのを含めるように持っていることを確認し、私が作成したjsのフィドルコードです。

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

出典

2016-08-19 12:11:21

どのjs？ bootstrap.js？私はカルーセルに専用のjsファイルを使用しません –

いいえ、カスタムjsファイル、ここでカルーセルを初期化します。 –

ああ、申し訳ありませんが、私はカルーセルでこれを怒らせました.js、しかし変更はありません（自動再生の場合、最終的には本当の問題です。カルーセルはこのjsファイルなしで動作しました：自動再生） –

ブートストラップ4カルーセルは自動再生しません

答えて

関連する問題