【问题标题】:Sidr is not working in blogger blogspotSidr 不在博客 blogspot 中工作
【发布时间】:2014-01-12 15: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

【问题讨论】:

  • 如果我的回答对您有帮助,如果您标记为答案,我将不胜感激,谢谢

标签: jquery blogger sidr


【解决方案1】:

您的 CSS 链接和滑块的 jQuery 似乎都缺少路径中的实际文件名。此外,我不建议使用 关闭 script 标记,而是使用 &lt;script&gt;&lt;/script&gt;,因为这在某些浏览器(例如 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

【讨论】: