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%的人还看了以下文章

  • 人工智能基础测试

    1、 print(“Hi”) print(“3*6”) 程序输出结果:(5分) A、 Hi 18 B、 Hi 3*6 C、 Hi 3*6 D、 Hi 18 2、人工智能的概念最早是由哪一位科学家提出来的()(5分) A、 麦卡锡 B、 图灵 C、 冯·诺依曼 D、 马明斯基 3、下列关于人工智能的叙述不正确的有…

    2023年6月2日
    9.2K0
  • 超清晰!HTML5 实现手机拍照上传功能原理讲解

    这篇文章主要为大家详细介绍如何使用HTML5利用摄像头拍照实现上传功能,原理讲解非常清晰,具有较大的参考价值。 上传页面代码: 上传图片用的HTML5的file文件上传功能<input type=”file” accept=”image/*”> 因为原生file样式不满足要求,在input上面放置我们想要…

    2022年8月11日
    15.0K0
  • createStatement参数详解,带参数与不带参数的区别

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

    2018年10月23日
    10.5K0
  • 精!HTML5调用手机拍照实现图片上传服务器,并将图片地址存进数据库(下)

    这篇文章主要为大家详细介绍如何使用HTML5利用摄像头拍照实现上传功能。 上一篇只讲到前台操作,这篇专门涉及到Java后台处理,前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台,然后Java这边进行接收处理,通过对图片数据信息进行Base64解码,之后使用流将图片数据信息上传至服务器进行保存,并且将图片的路径地址存进数据库。 大家可以点…

    2022年8月11日
    8.2K0
  • OpenCV-最优秀的Python人脸识别库安装及入门教程

    OpenCV库(open source computer vision library)是一个基于BSD许可(开源)发行的跨平台计算机视觉和机器学习软件库,可以运行在Linux、Windows、Android和Mac OS操作系统上,具有跨平台特性,轻量级且高效,实现了图像处理和计算机视觉方面的很多通用算法。 OpenCV用C++语言编写,它具有C ++,P…

    2020年12月8日
    16.3K2
  • 卷积神经网络 数据维度计算公式:输入输出关系、输出维度

    卷积神经网络 数据维度计算公式:输入输出关系、输出维度卷积神经网络 数据维度计算公式:输入输出关系、输出维度卷积神经网络 数据维度计算公式:输入输出关系、输出维度卷积神经网络 数据维度计算公式:输入输出关系、输出维度

    假设你有 5 个大小为 7×7、边界值为 0 的卷积核,同时卷积神经网络第一层的深度为 1。 此时如果你向这一层传入一个维度为 224x224x3 的数据,那么神经网络下一层所接收到的数据维度是( )。 A.218*218*5 B.217*217*8 C.217*217*3 D.220*220*5 在进行深度学习训练时,优化器会对模型的参数进行优化…

    2022年9月22日 编程开发
    16.1K3

发表回复

登录后才能评论