问sidr jquery插件端菜单不会出现
EN

Stack Overflow用户

提问于 2013-11-16 15:00:21

回答 1查看 2.4K关注 0票数 0

我漏掉了什么吗？我打过电话了吗？插件来自http://www.berriart.com/sidr/，它也为我生成了一个简单的页面。我确信CSS路径是正确的。

<!DOCTYPE HTML>
      <head>  
        <!-- Your stuff -->

        <!-- Include Sidr bundled CSS theme -->
        <link rel="stylesheet" href="stylesheets/jquery.sidr.dark.css">



      </head>
      <body>



       <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>
    $(document).ready(function() {
      $('#simple-menu').sidr();
      });

    </script>   

              <a href="http://www.boysgeneration.net/sidebar/#simple-menu"> Activate here</a>



        <!-- Include jQuery -->
        <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
        <!-- Include the Sidr JS -->
        <script src="jquery.sidr.min.js"></script>
      </body>
    </html>

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-16 16:28:13

在代码之前调用jqueries文件

<!-- Include jQuery -->
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<!-- Include the Sidr JS -->
<script src="jquery.sidr.min.js"></script>

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

试试这个

$(document).ready(function() {
  $('#simple-menu').sidr({name:'sidr'});
});

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20019859

复制

相似问题

问sidr jquery插件端菜单不会出现
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问sidr jquery插件端菜单不会出现EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问sidr jquery插件端菜单不会出现
EN