移动端左侧抽屉点击二级列表——

最新推荐文章于 2022-10-23 18:04:01 发布

Mr_ccup

最新推荐文章于 2022-10-23 18:04:01 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：移动端前端代码文章标签：前端移动端二级列表

本文链接：https://blog.youkuaiyun.com/Mr_ccup/article/details/90633932

整个逻辑很简单，没什么——

//注意一个区别就好：
$(select).index(this);
$(this).index();
它们两者的区别——
————
第一个是至返回的选择器的数组中所选择的第几项——
第二个是当前选择的元素，在同胞元素中所排列的位置——
（自行百度）

下面：

html
这里面主要是左侧列表的内容信息；
js引用，jq引用，css引用省略——

<body>

<!--这些事mask层-->

<div class="mask"></div>
<!--这里是抽层-->
<div class="draw">
  <div class="draw_logo" > <img class="draw_logo_img" src="img/logo.png"/> </div>
  <div class="draw_box02" > <img class="draw_box02_img" src="img/home.png"/>
    <div class="draw_box02_mess">首页</div>
  </div>

<!--这里我故意写成二级列表跟一级列表并列-->
  <div>
    <div class="draw_box02" > <img class="draw_box02_img" src="img/solution.png"/>
      <div class="draw_box02_mess">001</div>
    </div>
    <div class="draw_box02_box">
      <div class="draw_box02_list">001——01</div>
      <div class="draw_box02_list">001——02</div>
      <div class="draw_box02_list">001——03</div>
      <div class="draw_box02_list">001——04</div>
    </div>
  </div>

<!--这里我故意写成二级列表跟一级列表并列-->