Sidr不在blogger blogspot中工作
Sidr不在blogger blogspot中工作
提问于 2014-01-12 23:11:40
我正在尝试在博客中实现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
回答 1
Stack Overflow用户
发布于 2014-01-12 23:18:02
指向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 code updated here
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21076272
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号