Question

的jQuery

<html>
  <head>
    <link rel="stylesheet" href="sidr-package-1.2.1/stylesheets/jquery.sidr.dark.css" />
    <script src="jquery-1.11.1.js"></script>
    <script src="sidr-package-1.2.1/jquery.sidr.min.js"></script>
    <script>
      $(document).ready(function(){
        $('#simple-menu').sidr();
      });
    </script>
  </head>

  <body>
    <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>
  </body>
</html>

问题

我的问题如下：

当我点击超链接（标签）外面时如何隐藏滑动条？
我想将列表单词设置为橙色。怎么用css写？

Answer 1

（1）瞄准身体内的每个元素，除了id =＆＃34;简单菜单＆＃34;

$('body *').not('body a#simple-menu').click(function() {
    // hide sidebar
    $('#sidr').hide();
})

（2）

#sidr li > a {
    color: orange;
}

Answer 2

对于第一个问题，您可以执行以下操作：

$(body).click(function(){
     $('#simple-menu').sidr();
     // if it has a toggle function the library itself it will work
     // if not you have to give us the js code so we can do the opposite function
})

关于第二个问题：

#sidr li a{
     color:orange;
 }

Answer 3

（1）更改jquery.sidr.dark.css文件 .sidr ul li a，.sidr ul li span

（2）使用 $ .sidr（'close'，'sidr'）;

jQuery菜单左侧边栏

的jQuery

问题

3 个答案: