后花院 | 静心思考

敦兮其若朴,旷兮其若谷

Js中input[type=file]控件,change事件触发一次

开发后台时,页面中难免会有上传图片的要求,由于前端框架不是很熟悉,平常用JQuery开发更多一些。最近碰到一个问题,页面中上传图片时,type=file的input控件需要添加change事件,当该控件值改变时(即使用者选择了文件或者图片),触发上传。出现问题如下:1、第一次没有问题,完全正常 2、如果上传以后再上传就无法触发change事件 解决方案:$("input[type=file]").val(null);注意⚠️:只在Chrome浏览器测试通过,其他未测试,建议测试避免兼容性问题。

阅读全文>>

解决 “ SELECT 下拉框 选中和之前相同的值无法触发change事件” 问题

场景描述:有时候下拉框选择时,如果值更改了,我们可以直接用change事件被触发,进行下一步操作。但存在一个问题就是,我这次选择了和之前相同的option项,因为值没有改变,所以无法触发change事件,以下方法可以实现选择相同值也触发change事件。var id = document.getElementById("branchs"); id.addEventListener('change',function(){ //do something });//单一添加下拉改变事件 id.onmousedown = function(){//当按下鼠标按钮的时候 th...

阅读全文>>

JQuery validation remote 验证的缓存问题 解决方法(转发)

最近项目中一直在用 Jquery validation 做校验,结合bootstrap 和 jquery form 感觉效果不错。但是remote验证的缓存问题让我头痛了很久,几乎就像放弃这款插件了。 举例说明: 现有学校,年级,班级实体 在同一学校下不能有相同的年级,在同一年级下不能有相同的班级 以同一学校下不能有相同年级为例,在验证的时候用remote方式: JS :"gradeId" : { required : true, min : 0, remote: { url: "gradeM...

阅读全文>>

JS判断数组是否为空

//判断数组是否为空function arrayIsEmpty($arr){    if (!Array.isArray($arr) || !$arr.length) {        return true; //是空数组    }    return false; //不是空数组}

阅读全文>>

zTree 自动触发某节点

zTree是一个很方便的树形结构jQuery插件,方便快捷。首页链接:www.treejs.cn/v3/main.php#_zTreeInfo工作中遇到需要自动触发zTree某节点的需求,查询测试后,以下方法有效://_data即要呈现的数据 var zNodes =JSON.parse(_data); //setting 初始化设置 callback值就是回调时要调用的方法名 var setting = { check: { enable: false }, data: ...

阅读全文>>

应用jquery toggle 方法按钮自动消失问题

在工作中碰到了一个问题,情景是:一个按钮,点击出现内容,再点击内容隐藏的一个切换操作。之前使用toggle方法实现正常,最近提取整合了静态文件后,该功能出现一个问题,就是打开页面时该按钮显示,页面加载完成,该按钮自动消失。后来详细查看后发现出现在toggle这个方法,不同JQuery版本实现方法不同。在JQuery1.8版本声明了,以下使用方法:$(selector).toggle(function1(),function2(),functionN(),...)同时还支持以下两种方式:$(selector).toggle(speed,callback)$(selector).toggle(sw...

阅读全文>>

© 后花院 | 静心思考 | Powered by EMLOG | Theme by NIMA

友情链接:Nutcracker