移动端点击不灵敏主因是悬停模拟干扰click：iOS/Safari和Chrome Android将首次touch视为mouseenter触发，延迟约300ms才派发click，导致下拉框需二次点击才展开；须禁用hover逻辑、确保select未被遮挡、正确调用form.render并排查overflow截断或render时机错误。
移动端点击不灵敏，大概率是悬停模拟干扰了 click
Chrome Android 和 Safari iOS 在触屏设备上会把首次 touch 当作 mouseenter 触发，延迟约 300ms 后才派发 click，导致下拉框“点一下没反应、要再点一次才展开”。这不是 Layui 的 bug，而是浏览器默认行为。直接给 .layui-select-title 绑定 click 是最短路径，但必须先关掉所有 hover 相关逻辑。
- 彻底禁用 hover 绑定：检查代码里有没有
$('body').on('mouseenter', '.layui-select-title', ...)或类似 layer.tips 的 mouseenter 监听，全部删掉或用if ('ontouchstart' in window) return;拦截 - 改用
click替代mouseenter：Layui 下拉框本身响应 click，无需额外监听——只要确保原始<select>没被pointer-events: none或opacity: 0遮挡即可 - 避免在
form.on('select()')里做异步操作（比如 AJAX 加载后续数据），它会在 click 后立刻触发，若此时 DOM 尚未稳定，会导致选项闪退或选中丢失
layer 弹窗里的 select 点击无响应？先查挂载位置
如果下拉框嵌在 layer.open() 弹窗中，点击失效的主因是 Layui 的下拉面板被弹窗容器的 overflow: hidden 截断，或因 position: fixed 定位异常导致事件穿透失败。单纯调高 z-index 没用，因为原生 select 不参与层叠上下文。
- 必须加属性：
lay-append-to="body"+lay-append-position="fixed"，只对<select>标签生效，且需在form.render()前写入 HTML - 如果弹窗是动态插入的（比如
content: $('#form')），要在success回调里补调form.render('select', 'your-filter')，否则lay-append-to不生效 - 禁用
lay-search：移动端键盘唤起后，搜索框焦点容易抢走下拉点击事件，lay-search="false"能显著提升首点成功率
动态加载后点击失灵，八成是 render 时机错了
AJAX 更新 option 后点击没反应，不是数据没加进去，而是 form.render('select') 调得太早或太晚。Layui 的渲染依赖 DOM 存在、非隐藏、且未被其他 JS 锁定状态。
- 清空和追加必须同步完成：
$('#mySelect').empty().html(newOptionsHtml)，别用循环append()，避免多次重排打断渲染链 - render 必须在 DOM 插入后立即执行，且指定 filter：
form.render('select', 'my-form-filter')；漏掉第二个参数会全局重绘，可能误刷其他 select 并导致事件绑定错乱 - 如果页面有多个 tab 或折叠面板，确保当前 select 所在区域已
display: block，否则form.render()会跳过隐藏元素
真要兼容双击延迟，就手动触发 click
极少数场景（比如老版本 WebView 或定制内核）连 click 都不可靠，这时得绕过浏览器，用 touchend 后立刻 element.click() 强制触发。但要注意：不能对 .layui-select-title 直接调 click()，它只是个 div，真正要触发的是底层 <select> 元素。
- 获取真实 select：
$(this).closest('.layui-form-select').find('select')[0] - 在
touchend回调里：realSelect.click()，不要用 jQuery 的.trigger('click')，原生方法更稳 - 加防抖：同一元素 300ms 内只触发一次，避免快速连点引发重复请求或 UI 抖动
