【前端】Layui小功能收集整理

本文主要是介绍【前端】Layui小功能收集整理，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

目录

1、layui 鼠标悬浮提示文字

2、关闭当前窗口并刷新父页面

---

1、layui 鼠标悬浮提示文字

鼠标放在图标上悬浮显示提示信息，效果图如下

<div style="float:left; line-height:40px">道试题 <i class="layui-icon layui-icon-tips" lay-tips="不超过3题" ></i></div>

// 悬浮提示$('*[lay-tips]').on('mouseenter', function(){var content = $(this).attr('lay-tips');this.index = layer.tips('<div style="padding: 0px; font-size: 14px; color: #eee;">'+ content + '</div>', this, {time: -1,maxWidth: 280,tips: [3, '#3A3D49']});}).on('mouseleave', function(){layer.close(this.index);});

2、关闭当前窗口并刷新父页面

var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
parent.location.reload();//刷新父页面，注意一定要在关闭当前iframe层之前执行刷新
parent.layer.close(index); //再执行关闭

---

未完待续~

这篇关于【前端】Layui小功能收集整理的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---