点一下下拉箭头，出现select-list；那再点一下下拉箭头，select-list不会收起嘛？

请问老师哦

小章鱼丸 2018-12-02

源自：实战：挂号平台首页 5-2 首页.UI组件-UiSearch（2）

0

收起

3回答

好帮手慕夭夭回答被采纳获得+3积分 2018-12-04 18:33:13

你好同学 , 根据描述的需求 , 参考如下实现 :

定义一个变量作为标记 ,来判断什么时候显示或者隐藏 .

这个思路其实比较简单 ,同学如果想实现一个效果的时候 , 老师建议你先可以先想想思路 .然后尝试做一做 . 如果有疑惑的地方 ,可以再来问老师 . 这样老师有针对性帮助你的指导 , 有助于自己能力的提升 . 加油 !

祝学习愉快 ,望采纳 .

小章鱼丸提问者 #1

老师，用toggleClass可以吗？

2018-12-04 19:27:32
好帮手慕夭夭回复提问者小章鱼丸 #2

老师建议同学能够自己先去试一试 , 如果实战的过程中 , 有问题可以重新提问 , 把代码粘贴过来 . 老师会帮助解决的 . 加油 !

2018-12-05 11:39:56

好帮手慕夭夭 2018-12-04 11:53:43

你好同学 , 本阶段课程主要是带大家如何完成一个完整的页面 ,并且在实现页面的过程中 , 教会大家实现里面的一些布局或者效果的思路. 效果在实际开发中会遇到很多 ,视频中也只是其中一种 , 功能需要结合公司具体的需求 . 视频中将讲解的效果和同学描述的效果在开发中可能都会遇到 . 同学如果不想要课程中的下拉效果, 可以按照自己的想法去实现也是可以的 , 这样也能锻炼自己的实战能力 . 加油 !

祝学习愉快 !

提问者小章鱼丸 #1

老师，我想问下我说的这种效果要怎么实现，就是在老师视频中效果的基础上加上点击selected区域自动隐藏select-list。我自己试了用toggleClass方法等但都会影响其他地方的显示，所以想问下老师，我说这种效果要怎么实现

2018-12-04 16:28:13

好帮手慕夭夭 2018-12-03 11:08:19

你好同学 ,是说的点击如下下拉菜单吗 ?

同学可以结合源码看一下 .这里的效果是 ,并不是点击一下按钮显示 ,再点击一下隐藏 .而是点击div.ui-search-select-list出现下拉菜单 . 当你点击下拉菜单某一项内容时 , 就会隐藏下拉菜单

或者点击除ui-search-select-list之外的任意页面的位置 , 也可以隐藏 .

祝学习愉快 ,望采纳 .

提问者小章鱼丸 #1

老师，我理解源码的意思，可是考虑到需求用户体验这块，点击selected，如果不想切换成list里的其他成员，再次点击selected的时候list应该隐藏呀

2018-12-04 11:04:33

相似问题

老师请帮我看下下拉菜单有问题

下拉箭头翻转不了

下拉列表怎么没效果呢，还有箭头怎么加，这个下拉用select标签能做吗

老师，能帮忙解决下问题吗

自定义select下拉框的下拉箭头颜色和背景颜色怎么改

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载