layui踩过的坑
hst❀
前端踩坑记录/速查本/不定期更新
展开
-
layui 内置方法layer.msg(提示框)
//eg1layer.msg('只想弱弱提示');//eg2layer.msg('有表情地提示', {icon: 6}); //eg3layer.msg('关闭后想做些什么', function(){ //do something}); //eg4layer.msg('同上', { icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒)}, f...原创 2020-01-20 09:50:02 · 3331 阅读 · 0 评论 -
layer.photos 相册(图片查看器)实现缩放
2019年4月12日 layer版本 layer-v3.1.1layer.photos 方法在使用过程中发现没有通过鼠标中键(滚轴)实现图片缩放功,故通过搜索引擎找到如下方法需要引用 jquery$(document).on("mousewheel DOMMouseScroll", ".layui-layer-phimg img", function (e) { var del...转载 2020-01-20 09:48:13 · 1614 阅读 · 0 评论 -
使用jQuery的load方法以后,layui的select下拉框失效问题解决
在index.html中load一个a.html页面,发现a.html中采用layui框架的select组件失效,无法下拉解决办法:在a.html中的js代码中加上一句代码,重新渲染 form.render('select');...原创 2019-05-29 18:17:31 · 1352 阅读 · 0 评论 -
layer 点击图片缩略图弹出图片原图
项目中有一个需求,点击图片的缩略图可以弹出弹层,查看图片原图;点击关闭按钮或点击遮罩层部分关闭图片代码实现如下:项目是单页面,有多处需要用到查看图片详情,于是在主页面放置一个图片弹层的容器<div id="window-img" style="display: none"></div>封装一个函数,需要传入要查看的图片的路径function wind...原创 2019-08-15 17:39:11 · 2146 阅读 · 0 评论