随笔分类 -  layui 前端框架

摘要:全屏弹窗,全屏后看起来就好像打开一个新页面,一个前端页面交互形式。 let index =layer.open({ type: 2, area: ['100%', '100%'], // 100%全屏 shadeClose: true, shade: 0.4, title: '', // 标题留空让 阅读全文
posted @ 2021-02-26 16:37 一粒小米-博客 阅读(5767) 评论(0) 推荐(0) 编辑
摘要:先上效果图: HTML: <img src="http://127.0.0.1/img/test.jpg" onclick="scanImg(this)" /> 第一种:非动态赋值图片信息的, 只需要创建图片对象获取到实际宽高。或者重新固定图片宽高即可。 function scanImg(obj){ 阅读全文
posted @ 2021-01-22 13:59 一粒小米-博客 阅读(1512) 评论(0) 推荐(1) 编辑
摘要:前话:今天用 layer.confirm() 弹窗的时候,滚动到页面尾部再弹窗时,发现弹窗还显示在上面,要滚动会上面才能看到。 度娘找了一个获取滚动条位置的方法: function ScollPostion() { //滚动条位置 var t, l, w, h; if(document.docume 阅读全文
posted @ 2020-05-23 18:52 一粒小米-博客 阅读(5705) 评论(0) 推荐(0) 编辑
摘要:效果图: 1、html 代码 2、css 代码 阅读全文
posted @ 2019-11-04 16:20 一粒小米-博客 阅读(305) 评论(0) 推荐(0) 编辑
摘要:一句话, 把 content参数的 html() 去掉就好, 即 content: $('.add_html') ! 如果用 val() 还获取不到值,尝试用 $('input[name=user_name]').attr("value") 或者 $('input[name=user_name]') 阅读全文
posted @ 2019-09-21 18:43 一粒小米-博客 阅读(4743) 评论(1) 推荐(0) 编辑
摘要:前话: 如果直接通过input监听, 它是键盘输入按键按下了就触发时间,这样可能导致一些问题,比如在谷歌浏览器想输入中文输入不了; 解决方案: 用 compositionstart 和 compositionend, 这个 会在选定文字后才出发 input 事件; 注意: 因为谷歌浏览器跟其他浏览器 阅读全文
posted @ 2019-08-23 22:17 一粒小米-博客 阅读(4857) 评论(0) 推荐(0) 编辑
摘要:在火狐浏览器下调试时, 页面报错SyntaxError: expected expression, got ';'或者SyntaxError: expected expression, got 'if'等 其实就是js部分某个变量没有赋值到,例如: 注意: 在前端 test = ; 这样的变量没有赋 阅读全文
posted @ 2019-07-11 19:12 一粒小米-博客 阅读(2099) 评论(0) 推荐(0) 编辑
摘要:先上效果: js直接应用: $('input').mynumkb(); 就出来效果 HTML: CSS: JS: 阅读全文
posted @ 2019-07-11 17:43 一粒小米-博客 阅读(1104) 评论(0) 推荐(0) 编辑
摘要:$(this).index(); // OK! 阅读全文
posted @ 2019-07-11 15:23 一粒小米-博客 阅读(600) 评论(0) 推荐(0) 编辑
摘要:方法: $(selector).prop('checked', false); form.render(); 使用示例: // 清除radio选中 $('input[name=ymd]').prop('checked', false); form.render('radio'); // 清除chec 阅读全文
posted @ 2019-07-10 16:22 一粒小米-博客 阅读(6413) 评论(0) 推荐(0) 编辑
摘要:今天用 layui做select的时候,数据老是看不到,而且联动的数据是对不上的,看了网上一堆是 最后要用 阅读全文
posted @ 2019-07-10 15:57 一粒小米-博客 阅读(1561) 评论(0) 推荐(0) 编辑
摘要:通过修改 CSS 样式可以隐藏秒的选项 ++ 阅读全文
posted @ 2019-06-27 20:04 一粒小米-博客 阅读(5274) 评论(0) 推荐(0) 编辑
摘要:使用 JS位置 ,layui/lay/modules/eleTree.js;CSS位置 ,layui/css/modules/eleTree/eleTree.css; ## 下面应用即可页面css引用 引用 layui/css/layui.css"和 layui/css/modules/eleTre 阅读全文
posted @ 2019-06-27 15:04 一粒小米-博客 阅读(6419) 评论(0) 推荐(1) 编辑
摘要:在用 layer.open() 追加渲染HTML的时候,完全看不到效果,皆因layui框架需要在最后用 form.render() 方法来渲染表单才可以看到效果,写法如下: 另外, layui框架弹窗的关闭方法走一波,, 阅读全文
posted @ 2018-09-20 17:08 一粒小米-博客 阅读(46757) 评论(0) 推荐(3) 编辑
摘要:前语:本来我是不想写layui框架的博客的,有的时候数据经过layui渲染后原生的写法就取不到值了,一定要用它框架的写法,实在蛋疼,故写之,以后用到可以省点时间去度娘! HTML: JS: 效果图: 阅读全文
posted @ 2018-09-14 17:43 一粒小米-博客 阅读(32229) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示