javascript
小栋哟
赠人玫瑰,手留余香...
展开
-
动态修改layer.open title显示内容
用过layer的大多数都用过那个open弹窗,那么那个title是否可以修改呢?今天 就试了一下子,最终结论就是 确实可以啊。看了一下弹出后的代码,那个title是包在了一个div中,关键点是有个class属性,值是layui-layer-title所以就尝试通过用这个class来进行修改;不说废话了,我直接上代码;$(window).load(function () {...原创 2019-12-03 17:37:09 · 6787 阅读 · 0 评论 -
实现动态加载layui折叠画板element组件,并支持checkbox勾选功能(最详细版)
最近一直有个需要,需要实现一个选表选字段的功能,具体点说就是,列出一些表,可以选择,包括其字段(属性),并且还要有表信息和字段的具体信息;所以调研了好多组件发现没有什么合适的,正好看到layui的这款画板组件,感觉还行,就实现了一下。具体也看以下效果吧。官网示例图,展开后点击内容文字我修改后实现的示例图,我的展开是新加了一个表格;如果跟你的需要一致,那就跟着往下看,废话没有,...原创 2019-11-12 18:34:37 · 2338 阅读 · 0 评论 -
记录 a 标签js事件中拼接参数和字符串的几种情况
在工作中,好多功能都需要在页面写个js事件在a标签或者button按钮,当然加个参数也是非常合理正常的需求。但是每次拼接这个参数的时候确实得麻烦一下,要么拼错,要么老是把参数设置成字符串,所以记录一下吧。方便大家,方便自己。1、给span添加一个a标签链接的写法<p>工作单位:<span id="orgSpan"></span></p&g...原创 2019-07-17 14:43:15 · 10112 阅读 · 0 评论 -
js快速实现省市级二级联动下拉框
由于逻辑简单,可以快速实现,我就直接上代码了。目前来说数据都应在数据库中,这个是偶然发现的一个代码,所以记录一下,以防万一使用;html部分 <div class="col-md-3"> <div class="form-group"&g...原创 2019-03-18 17:57:09 · 7549 阅读 · 0 评论 -
checkbox全选,反选,获取全选值,获取checkbox勾选长度
这个checkbox全选反选这些场景还是挺常见的,So,在此记录一下,方便大家方便自己。废话不多说,直接看代码。。1.全选和反选,参数为name和id//js全选和反选代码//name为checkbox的namefunction selectCheckboxAll(name,id){ if ($("#"+id).prop("checked")) { ...原创 2019-02-25 17:47:06 · 10543 阅读 · 0 评论 -
js实现点击某个按钮(事件)指定位置显示弹窗
最近做了一个即时位置弹窗小功能,想到这个场景还是很常见的,所以就记录一下;做完了后才发现,其实原理很简单,就是获取点击时的鼠标位置,left和top,完了最终赋值给弹窗坐标即可;html部分<input class="true" id="af607f85136d4daf87792348ec0fdc9b" name="hdfsUrl" onclick="stopTabTd(thi...原创 2018-12-12 10:01:15 · 13163 阅读 · 0 评论 -
js分隔条实现拖拽功能(支持左右拖动)
这次记录就不贴代码了,只是记录一下原理和思路,因为代码封装的太严格,所以不好拿出来。lz的页面是左右各一个分隔条实现拖拽的,左边是框架自带一个功能没问题,右边是lz模仿做的,结果样子是做出来了,就是左右拖拽的方向反了,向左拖应该是增大,它却缩小,向右应该是缩小,却是增大。这个问题停了好几天,终于静下心来解决了。废话不说了,我直接说思路,大家有问题的话也可以试一下;概述:实现拖拽工作...原创 2018-12-07 11:05:47 · 7355 阅读 · 0 评论 -
IE8下使用webuploader样式错乱,点击无反应的解决方法。
点击无反应添加以下头信息<meta http-equiv="X-UA-Compatible" content="IE=edge">webuploader接收后台返回提示信息:uploader.on( 'uploadSuccess', function( file,response ) { a = true; var infoNam...原创 2018-08-28 17:38:47 · 2895 阅读 · 0 评论 -
富文本编辑器NicEdit的使用
调用nicEdit.js和一张nicEdit所需要的icon图<script type="text/javascript" src="/js/nicEdit.js"></script><script type="text/javascript"> bkLib.onDomLoaded(function() { nicEditors.allTextArea..原创 2018-06-26 15:49:42 · 3738 阅读 · 0 评论 -
关于表单中单选框与复选框的几个小知识点
1.多选框设置只能选中一个$('#registerForm').find('input[type=checkbox]').bind('click', function(){$('#registerForm').find('input[type=checkbox]').not(this).attr("checked", false);2.获取单选框中选中的值var val = $('input:r...原创 2018-06-26 15:27:50 · 2317 阅读 · 0 评论 -
关于WebUploader多图上传的几个注意点
1,不少人用webuploader多图上传时,点击”暂停上传“,并没有效果。暂停上传按钮不好使,那就往下看吧。暂停上传有两个模式当前的上传继续,下个文件不开始上传 当前上传直接中断。一般来说用的是第二种,这种情况下,在调用stop的时候需要加个true传进去。uploader.stop(true); //将其设置为true即可2.关于设置上传图片或文件大小,多张图个数以及...原创 2018-06-26 14:40:58 · 2823 阅读 · 0 评论