JQuery change ()、.on(‘change’, function (){})事件只触发一次原因详解

JQuery中使用  $(“input”).on(“change”,function(){})  仅仅会触发一次,第二次点击或输入不再触发。

JQuery change ()、.on(‘change’, function (){})事件只触发一次解决方法

(1)jQuery的live代替直接使用change(此方法只适用于jQuery1.9之前,live方法在1.9中删除了)
错误代码:
$("#fileToUpload").change(function(){
//do someing
});
正确代码:
$("#fileToUpload").live(‘change’, function(){
//do someing
});

(2)onchange后,生成一个新input type file,代替原有的input file

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

(3)移除完之后重新绑定

$("#Btn_File").off(‘change’).on(‘change’, function () { null; }

(4)使用delegate()

$("body").delegate('input', 'change', function(){});

本文来自投稿,不代表125jz立场,如若转载,请注明出处:http://www.125jz.com/4198.html

(6)
孤城丨浪子的头像孤城丨浪子普通用户
上课、录课,一款集微课制作和高效投屏互动于一体的教学服务工具
上一篇 2019年11月12日 上午8:26
input  file获取文件路径时无法获取正确的路径
下一篇 2019年11月13日 上午8:16

99%的人还看了以下文章

  • python 初学者练手上机实操六-变量的定义及输入输出

    一、题目:打印诗“悯农” 要求: 1、新建一个“悯农.py” 2、编写程序。 3、调试程序。 4、排除错误。 二、题目:键盘输入三角形的三边,求三角形的周长。 1、新建一个triangle.py文件 2、编写程序。 3、调试程序。 4、排除错误。 三、定义三个变量分别存储你的姓名、班级、年龄并输出。 要求: 1、新建一个“info.py”文件 2、编写程序。…

    2023年6月15日
    7.7K0
  • 详解如何在myeclipse中运行JSP,Run As none applicable(图)

    在MyEclipse中打开JAVA Project时想运行单个JAVA文件,如Hello.java文件,可以在Hello.java右键Run As 后面出现java Application,点击即可运行。 在myEclipse中打开web project,想运行单个JSP文件或项目,在jsp文件上右键Run As 没有”run on server…

    2020年2月23日
    26.3K0
  • createStatement参数详解,带参数与不带参数的区别

    Connection接口的createStatement方法,可用来创建向数据库发送SQL语句的对象,用于执行SQL语句。 常用代码: Statement stmt = con.createStatement(); Statement stmt = con.createStatement (int resultSetType,int resultSetCon…

    2018年10月23日
    10.4K0
  • Java Vector可实现自动增长的对象数组

    java.util.vector提供了向量类(Vector)以实现类似动态数组的功能。创建了一个向量类的对象后,可以往其中随意插入不同类的对象,即不需顾及类型也不需预先选定向量的容量,并可以方便地进行查找。 对于预先不知或者不愿预先定义数组大小,并且需要频繁地进行查找,插入,删除工作的情况,可以考虑使用向量类。 向量类提供了三种构造方法: public ve…

    2020年8月20日
    6.2K0
  • 基于jspSmartUpload的Jsp文件上传实例

    SmartUpload是一个免费的文件上传下载组件1、使用简单:仅三五行代码就可以搞定文件的上传2、方便存取:利用组件提供的对象,可以获得全部上传文件的信息(包括文件名,大小,类型,扩展名,文件数据等)。3、能对上传的文件在大小、类型等方面做出限制。如此可以滤掉不符合要求的文件。 下载jsmartcom_zh_CN.jar文件:http://www.125j…

    2018年12月11日
    3.2K0
  • 第3课:C语言程序的构成和书写规则

    先来看一个C语言程序:输入两个正整数,计算并输出两数的和。 程序代码: /*ex1_2.c:求两个正整数的和*/ #include <stdio.h> void main()                         /*主函数*/ {     int a,b,sum;                    /*定义三个整型变量*/    …

    2020年4月5日
    12.3K0

发表回复

登录后才能评论