Kann meine js Datei mit js Datei nicht laden, die bootstrap möchte ich für Karussell importieren

Wenn ich index.js an die Spitze der anderen js-Datei als meine js-Datei funktioniert, aber nicht die Karussell-Funktionalität, wenn ich es setze das index.js in der Unterseite dann funktioniert die Karussellfunktion aber nicht mein index.js .... Irgendwelche Gedanken, wie man es repariert.Kann meine js Datei mit js Datei nicht laden, die bootstrap möchte ich für Karussell importieren

alert("I am an alert box!");

h1{ 
 

 

 
\t margin-left: 25%; 
 
\t padding-left: 5%; 
 
} 
 
.carousel-item{ 
 
\t margin-left: 25%; 
 
\t margin-top: 10%; 
 
} 
 

 

 

 
body { 
 
    background-color: lightblue; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>ChrisDWebAPP</title> 
 
\t <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> 
 
\t <link rel="stylesheet" type="text/css" href="index.css"> 
 
</head> 
 
<h1>Connected To Boot Strap</h1> 
 

 

 
<body> 
 

 
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> 
 
    <div class="carousel-inner"> 
 
    <div class="carousel-item active"> 
 
     <img class="d-block w-50" src="https://cdn.pixabay.com/photo/2017/11/06/18/39/apple-2924531_960_720.jpg" alt="First slide"> 
 
    </div> 
 
    <div class="carousel-item"> 
 
     <img class="d-block w-50" src="https://cdn.pixabay.com/photo/2017/11/06/18/39/apple-2924531_960_720.jpg" alt="Second slide"> 
 
    </div> 
 
    <div class="carousel-item"> 
 
     <img class="d-block w-50" src="https://cdn.pixabay.com/photo/2017/11/06/18/39/apple-2924531_960_720.jpg" alt="Third slide"> 
 
    </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> 
 

 

 

 
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> 
 
<script src="index.js" </script> 
 

 
</body> 
 
</html>

Danke ...

Quelle

2017-11-26 Chris

sollten Sie yourself..one fehlt schießen> bra Frage, wo? Ihre index.js importieren –

Wird tun .. TY. Mein Verstand ist aufgewacht – Chris

passiert uns allen :) –

Code

<script src="index.js" </script>

<script src="index.js"></script> 
        ^

Quelle

2017-11-26 15:18:30

Kann meine js Datei mit js Datei nicht laden, die bootstrap möchte ich für Karussell importieren

Antwort

Verwandte Themen