0
我有這樣的代碼:手機菜單中Twiitter引導網頁沒有顯示
<!DOCTYPE html>
<html>
<head>
<title>Webpage</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<script type="text/javascript" src="js/bootstrap.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">La Estación Argentina</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Nosotros</a></li>
<li><a href="index.html">Menú</a></li>
<li><a href="index.html">Galería</a></li>
<li><a href="index.html">Ubicación</a></li>
<li><a href="index.html">Promociones</a></li>
<li><a href="index.html">Contacto</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span9"></div>
<div class="span3">
</div>
</div>
</div>
</body>
</html>
和代碼,用CSS應用爲我們提供了這樣的結果,當「shinking」的頁面(響應速度完美的作品):
但是,當點擊按鈕在手機上顯示菜單元素時,它不顯示任何內容(但全寬頁面確實有菜單元素)爲什麼會發生這種情況?
有你有這方面的一個工作版本,我們可以看到?如果你正在桌面上測試這個,確保你的jQuery正在被加載,因爲我認爲點擊事件並沒有被觸發。 – justinavery
這是它的工作示例:http://eargentina.wavessenger.appspot.com/並且不,它不起作用u.u – Jmlevick