2017-03-29 20 views
-2

現在、ブートストラップのカルーセルがナビゲーションボタンが押されたことに応答しないという問題に直面しています。私の検索の答えの大半はJqueryがBootstrap CDNの前に正しくないということでした。私は答えから他のスニペットコードをコピー貼り付けしようとしましたが、ナビゲーションボタンはまだクリックに正しく反応しません。ブートストラップカルーセルが応答しない(Jqueryが正しく配置されている)

<head> 
<meta charset="utf-8"> 
<title><!--title--></title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<link rel="stylesheet" href="style.css" type="text/css"/> 
</head> 

最初の画像のみが正しく読み込まれ、カルーセルは「フリーズ」しているようです。

ご協力いただければ幸いです。

フィドル:あなたはbootstrap.min.js

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript></script>

更新フィドル含まれていないhttps://jsfiddle.net/7dv1wm1w/

+0

フィドルにはbootstrap.jsが含まれていません。 Bootplyの作業:http://www.bootply.com/HGRtuWp3QS – ZimSystem

答えて

3
+0

答えをありがとう。私は、実際のJSファイルではなく、スタイルシート(.css)というブートストラップ・リンクを使用していたことに気づいていませんでした。 乾杯! – Hspark2692

1

を私はブートストラップのJavaScriptファイルが表示されないので、それはあなたです答え、なぜカルーセルは動作しません。

getbootstrap.comには、必要なファイルがすべてあります。あなたが常に必要とするのは、CSSとJSです。さもなければ、ブートストラップは動作しません。

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
関連する問題