2

誰かがこれで私を助けることができますか? コピーして Bootply に貼り付けるとドロップダウン メニューが機能しますが、Chrome では機能しません...これが bootply です。

http://bootply.com/73407

2 つの唯一の違いは、body タグが始まる前の領域です (bootply には必要ありません)。以下に掲載します。

<html>
<head>
<meta charset="utf-8">
<title>Hulman Street Wesleyan Church - About Us</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="enter, comma separated, keywords, here">
<meta name="description" content="Enter a brief description of your website here">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Droid+Sans|Cabin:400,700' rel='stylesheet' type='text/css'>

ページの下部にある Java スクリプトを呼び出しますが、明らかに読み込みが速くなるはずです。 

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-dropdown.js">
  $(document).ready(function () {
    $('.dropdown-toggle').dropdown();
});

4

1 に答える 1

0

Bootstrap JavaScriptを追加し、CSS パスが正しいことを確認する必要があります。

于 2013-08-12T19:01:37.330 に答える