layui.dropdown.js

更新日期:2019-12-17

Github Github Issues 码云 码云问题

前言
参数
名称 类型 说明 默认值
layFilter String layuifilter 属性,作为归类标识
dropdown HTMLElement|JQueryObject|String 容器选择器,多个默认选择第一个 .layui-dropdown
toggle HTMLElement|JQueryObject|String 触发选择器,多个默认选择第一个 .layui-dropdown-toggle
menu HTMLElement|JQueryObject|String 下拉框选择器,多个默认选择第一个 .layui-dropdown-menu
trigger String 触发事件类型,可选值 [hover, click] hover
animate Boolean 是否开启动画 true
showTimeout Number 下拉框展示延迟时间(仅当 { trigger: hover } 有效) 150
hideTimeout Number 下拉框隐藏延迟时间(仅当 { trigger: hover } 有效) 100
className.showAnimation String 下拉框展示动画(仅当动画开启有效) layui-anim layui-anim-upbit
className.hideAnimation String 下拉框隐藏动画(仅当动画开启有效)
className.showDropdown String 容器显示的类名 is-show
className.showToggle String 触发器展示的类名
className.showMenu String 下拉框展示的类名 is-show
事件
名称 说明 参数
show 实例方法,显示下拉框
hide 实例方法,隐藏下拉框
on 实例监听方法,可监听 4 个事件: instance.ON_SHOW(展示) instance.ON_SHOWED(展示完毕) instance.ON_HIDE(隐藏) instance.ON_HIDED(隐藏完毕)
emit 提交事件,可以用于其他模块监听,如果是针对性可能需要用到 lay-filter 用于选定, 获取 layui-filter: instance.LAY_FILTER
简单使用
多方向
多场景应用