layer.tips 默认 hover 触发，需手动监听 click 事件并调用 layer.tips()，配合 layer.closeAll('tips') 防重复弹出，注意 DOM 稳定性、定位锚点有效性及移动端兼容性。
layer.tips 默认是 hover 触发，怎么改成 click？
layer.tips 本身没有内置 click 模式开关，它默认绑定的是 mouseenter 事件；想改成点击触发，必须绕过 layer.tips() 的自动绑定逻辑，手动控制显示和关闭。
核心思路：不调用 layer.tips() 的自动触发版本（即不传元素选择器字符串），而是用纯 DOM 事件监听 + 手动调用 layer.tips() + 显式关闭。
- 避免写
layer.tips('提示', '#btn')这种形式——它会自动绑定 hover - 改用
layer.tips('提示', elem, { tipsMore: true })，其中elem是原生 DOM 元素（不是 jQuery 对象或选择器） - 必须自己监听
click，并在回调里调用layer.tips()；同时监听 document 点击做关闭（或用layer.closeAll('tips')） - 如果多个元素共用同一提示内容，注意每次调用前先关掉已有 tips，否则可能叠加
如何防止多次点击重复弹出 tips？
layer.tips 默认不允许多个并存，但如果你没主动关闭、又频繁点击，旧层可能残留（尤其在快速连点或异步渲染场景下）。
- 每次点击前先执行
layer.closeAll('tips')，确保干净启动 - 不要依赖
time自动关闭——用户可能还没看完就消失了；显式绑定 document click 关闭更可控 - 给 tips 加唯一标识（如
id参数），方便精准关闭：layer.tips('xxx', elem, { id: 'my-tip-1' })，再用layer.close('my-tip-1') - 如果目标元素是动态生成的（如表格行内按钮），务必用事件委托，且确保
elem在调用时真实存在
移动端点击无响应或需双击才生效？
这是常见兼容问题：移动端 click 事件有 300ms 延迟，且部分浏览器对 mouseenter 不支持，但 layer.tips 内部仍依赖它做 hover 判断。直接切到 click 后反而更稳。
- 禁用
touchstart冒泡干扰：给触发元素加ontouchstart="event.preventDefault()"（仅当需要阻止滚动时） - 优先监听
click而非touchend，因为后者在某些安卓 WebView 下行为不一致 - 确保触发元素有
cursor: pointer和足够点击热区（最小 44×44px），避免误触 - 不要把
layer.tips()放在异步回调里（如 AJAX 成功后），否则定位可能失效——先确保 DOM 已挂载
为什么 tips 总是出现在错误位置？
点击触发时，layer.tips() 仍以传入的 elem 为锚点计算位置。但如果该元素被包裹在 overflow: hidden、transform 或折叠面板里，坐标计算就会失真。
- 检查父容器是否设置了
overflow: hidden—— 它会裁剪 tips，看起来像“没弹出来” - 若元素用了
transform: scale()或zoom，layer.tips 定位会偏移；临时解法是传一个绝对定位的空span作为 anchor，并用getBoundingClientRect()手动算位置 - 表格单元格中触发时，确保
elem是span或a这类 inline 元素，而非td（块级元素尺寸不可靠） - 使用
fixed: true强制基于视口定位：{ fixed: true, tips: [2, '#67c23a'] }，适合复杂布局
document.getElementById('myBtn').addEventListener('click', function(e) {
layer.closeAll('tips');
layer.tips('这是点击才出现的提示', e.target, {
tips: [2, '#67c23a'],
time: 0,
maxWidth: 200,
skin: 'layui-layer-tips-click'
});
});
真正容易被忽略的点：**layer.tips 的定位依赖于触发元素当前的 layout 尺寸和位置，而这个状态在 click 瞬间必须稳定。任何后续 DOM 变更（比如动画、展开收起）都可能让 tips 错位——所以别在 toggle 动画中途调它。**
