Question

我在网页设计方面相当新，似乎无法为我的网站设置侧边栏。

基本上我从www.berriart.com/sidr/获取了我的文件和代码，并完全按照他们的要求进行了操作，但是侧面导航栏仍无效。

所有出现的都是我的横幅下的蓝色超链接，你可以在这里看到：www.justpaste.it/lzhg.

我已经粘贴了我的html如果有人能帮助我那将是美妙的！

<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="javascripts/sidr/stylesheets/jquery.sidr.dark.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
</head>
<body>
    <div class="container">
      <div class="header">
         <div class="logo"></div>
      </div>
    <div class="navbar">
    <a id="simple-menu" href="#sidr">Toggle menu</a>

<div id="sidr">
  <ul>
    <li><a href="#">List 1</a></li>
    <li class="active"><a href="#">List 2</a></li>
    <li><a href="#">List 3</a></li>
  </ul>
</div>

<script>
$(document).ready(function() {
  $('#simple-menu').sidr();
});
</script>

    </div>
    <div class="content">
         <div class="posts">1</div>
         <div class="posts">2</div>
         <div class="posts">3</div>
         <div class="posts">4</div>
         <div class="posts">5</div>
    </div>
    <div class="footer">asdfafdsasfsdasfad</div>
    </div>
 <script src="javascripts/sidr/jquery.sidr.min.js"></script>
</body>
</html>

</pre>

Answer 1

看起来你忘了添加jQuery。

<!-- Include jQuery -->
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

边栏不工作

1 个答案: