jquery(live)中File input的change方法只起一次作用的解决办法

简介: jquery中File input的change方法只起一次作用的解决办法,需要的朋友可以参考下。错误写法复制代码代码如下:$(“#uploadImg”).

jquery中File input的change方法只起一次作用的解决办法,需要的朋友可以参考下。

错误写法

复制代码代码如下:

$(“#uploadImg”).click(function(){

  do something

});

正确写法

复制代码代码如下:

$(“#uploadImg”).live(‘change’,function(){

do something

});

为什么Jquery对input file控件的onchange事件只生效一次

今天在做jquery对input file控件的onchange事件进行监听,就一直只生效一次,不知道Jquery为什么对file控件没有做到每次改变触发onchange事件的效果,但是还是有好几种解决方法的:

1.原始方法:把事件写在file控件的onchange=”"里面;

2.Jquery方法一: $(‘#fileId’).live(‘change’,function(){ //逻辑添加…. });

3.Jquery方法二: onchange后,生成一个新input type file代替旧的,

$(‘#inputFileID’).replaceWith(‘<input name=”fileToUpload” type=”file” id=”inputFileID” />’);

OK,问题解决。

相关文章
|
13天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
20 0
|
4月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
4月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
4月前
|
JavaScript 前端开发 UED
jQuery 自动刷新页面但不闪烁的实现方法
jQuery 自动刷新页面但不闪烁的实现方法
|
26天前
|
JavaScript Serverless
jquery attr()方法
jquery attr()方法
15 0
|
6天前
|
JavaScript
jquery获取子元素的一些方法
jquery获取子元素的一些方法
|
9天前
|
JavaScript
jQuery遍历节点的方法
jQuery遍历节点的方法
8 0
|
23天前
|
JavaScript 前端开发 API
JQuery的attr()属性和JS的属性的方法
JQuery的attr()属性和JS的属性的方法
10 0
|
4月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
21 0
|
4月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
41 0