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

  • Python数据分析及可视化,科学计算练习题

    第一章 单元测试 1、 问题:数据分析是指通过分析手段、方法和技巧对准备好的数据进行探索、分析,从中发现因果关系、内部联系和业务规则,为商业提供决策参考。( )选项:A:对B:错答案: 【对】 2、 问题:Anaconda中包含了conda、Python在内的超过18个科学包及其依赖项。( )选项:A:对B:错答案: 【对】 3、 问题:数据分析是一个有目的…

    2022年1月29日
    24.0K1
  • Python 8大知识点——附详细实例代码。

    目录 1. for – else 2.lambda函数 3.列表推导式 4.列表索引的各种骚操作 5.三元表达式 6.巧用断言assert 7.while语句 8.with – as 1. for – else 什么?不是 if 和 else 才是原配吗?No,你可能不知道,else 是个脚踩两只船的家伙,for 和 else 也是一对,而且是合法的。十大装…

    2023年1月14日
    1.7K0
  • Pillow-优秀的Python图像处理库安装及入门教程

    Pillow库是Python 图像处理库(Python image library)的一个派生分支,提供了广泛的文件格式(BMP,PNG,JPEG等)支持,提供基本的图像处理能力,如: 图像存储、图像显示、改变图像大小,旋转图像,图像格式转换,色场空间转换,图像增强,直方图处理,插值和滤波等等。 比起OpenCV库的图像处理,功能有限,但函数使用非常方便,大…

    2020年12月8日
    4.1K0
  • 什么是单元测试,单元测试快速入门教程一

    单元测试概述 单元测试是在软件开发过程中要进行的最低级别的测试活动或者说是针对软件设计的最小单位—程序模块(程序中定义的函数、子程序、类或方法),进行正确性检验的测试工作,目的在于发现每个程序模块内部可能存在的差错或缺陷。 在单元测试活动中,软件的独立单元将在与程序的其它部分相隔离的情况下进行测试,主要工作分人工静态检查(静态测试)和动态执行跟踪(动态测试)…

    2018年4月16日
    7.4K0
  • Python编程入门:英文词频统计

    text = “Got tho on super sale. Love it! Cuts my drying time in half Reckon I have had this about a year now,\ at least 7 months. Works great, I use it 5 days a week, blows hot air,…

    2023年10月3日
    9.2K0
  • 第三章 JSP技术2:JSP的内置对象及使用

    内置对象:为简化Web页面的开发过程,JSP提供了一些内置对象,这些对象不用声明就可以在JSP页面中直接使用,是JSP引擎自动创建的Java类实例。
    request对象
    response对象
    out对象
    session对象
    application对象

    2018年2月2日
    2.8K0

发表回复

登录后才能评论