0

我正在尝试在博客中实现 sidr，我尝试了所有方法，但它不起作用。这是我尝试过的

<link href='https://googledrive.com/host/0B0pQhfT_FrZTcHE3dmEzUkpta2M' rel='stylesheet'/> 
<head>
</head>
<a id="simple-menu" href="#sidr">Toggle menu</a>

<div id="sidr">
  <!-- Your content -->
  <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>

<body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='https://googledrive.com/host/0B0pQhfT_FrZTZ1JRajJzTjllczQ/'/>
<script>
$(document).ready(function() {
  $('#simple-menu').sidr();
});
</script>
</body>

这是博客：http: //xfactor445.blogspot.in/

我在代码笔中尝试过：http: //codepen.io/anon/pen/Hmkof

4

1 回答 1

0

您的 CSS 链接和滑块的 jQuery 似乎都缺少路径中的实际文件名。此外，我不建议script使用 < /> 关闭标签，而是使用<script></script>它，因为这在某些浏览器（例如 IE）中不起作用。我试图在下面修复...

<link href="https://googledrive.com/host/0B0pQhfT_FrZTcHE3dmEzUkpta2M/slidr.css" rel='stylesheet'/> 

<a id="simple-menu" href="#sidr">Toggle menu</a>

<div id="sidr">
  <!-- Your content -->
  <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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://googledrive.com/host/0B0pQhfT_FrZTcHE3dmEzUkpta2M/slidr.js"></script>
<script>
$(document).ready(function() {
  $('#simple-menu').sidr();
});
</script>

Codepen 代码在此处更新

于 2014-01-12T15:18:02.437 回答