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
下一篇 2019年11月13日 上午8:16

99%的人还看了以下文章

  • input file获取文件路径时无法获取正确的路径

    页面有一个input file服务器控件,一个div,div是image标签的容器,当点击input file的值改变,我们往div里追加image标签;但当通过js的onchange事件动态获取input file 的路径的时候,发现console.log(path)打印出的路径是被浏览器屏蔽的, 例如:C:\fakepath\file.jpg 这是由于浏…

    2019年11月13日
    8.6K0
  • JSP+MySQL MVC综合案例:完整的分页查询

    JSP+MySQL数据库开发教程,MVC综合案例,完整的分页查询代码。

    2018年2月22日
    7.2K0
  • java实现上位机与下位机串口通信实例(含java串口通信jar包下载及代码)

      串口通信在工程应用中很常见。 上位机与下位机 在上位机与下位机通讯过程中常通过有线的串口进行通信,在低速传输模式下串口通信得到广泛使用。 通常上位机指的是PC,下位机指的是单片机或者带微处理器的系统。下位机一般是将模拟信号经过AD采集将模拟量转换为数字量,下位机再经过数字信号处理以后将数字信号通过串口发送到上位机,相反上位机可以给下位机发送一些指令或者信…

    2023年1月7日 编程开发
    5.9K0
  • Ubantu为应用程序添加桌面图标

    按要求配置应用程序参数,为应用程序添加桌面图标,实现系统快捷启动。 Ubuntu桌面的左边(默认在左边)有一个启动器,类似于window的任务栏。在Ubuntu18中叫dock(船坞),有时候又叫收藏夹。本文统一叫做启动器 在使用 Ubuntu 操作系统进行开发过程中,由于Ubuntu 系统其操作方式主要通过命令行终端进行交互,故启动软件也一般通过终端键入应…

    2022年9月1日 编程开发
    7.8K0
  • 赞!python 生成词云详细教程-最简单的中文词云生成代码

    pip install wordcloud pip install jieba wordcloud生成词云 效果图: 代码: from wordcloud import WordCloud import matplotlib.pyplot as plt #绘制图像的模块 import jieba #jieba分词 path_txt=’d://西游.txt’ …

    2023年6月2日 编程开发
    2.6K2
  • JSP分页思想—核心代码

    try{condition=”select * from employee_info”; sql=conn.createStatement(); rs=sql.executeQuery(condition); int intPageSize; //一页显示的记录数 int intRowCount; //记录总数 int intPageCount; //总页数…

    2019年10月30日
    5.4K0

发表回复

登录后才能评论