0

Bootstrap 3 で個人的なプロジェクトに取り組んでいますが、モーダルやドロップダウンなどを追加すると機能しません。コードを確認しましたが、すべて問題ないので、ファイルのリンクに問題があると思います。

ヘッダー リンク:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/carousel.css" rel="stylesheet">

フッター リンク:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

Bootstrap Web サイトからの正確なコピーであるモーダルもあり、そのコードはすべて正しいです。

他のローカル CSS/JS ファイルなどをすべて削除する必要がありますか?

サイトの HTML はここにあります。

4

3 に答える 3

0

HTML を見ると、jquery ライブラリ パスが欠落していることがわかります。HTML の他の JS ファイルの前に、先頭に含めてください。

于 2013-09-17T08:58:42.113 に答える
0

私が見る限り、あなたは jQuery-Library をロードしていません。Bootstrap のページに示されているように、Bootstrap の Javascript コンポーネントには jQuery が必要です。こちらを参照してください。

次のように、Bootstrap Javascript の前に必ずロードしてください。

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//code.jquery.com/jquery.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

その後、すべての設定が完了している必要があります。

于 2013-09-17T08:46:34.900 に答える