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

  • HTML5- Canvas入门(一)画线

    canvas是一个H5的标签: <canvas> </canvas> canvas本身没有任何的绘图能力,所有的绘图工作都是通过js来实现的。通常我们在js通过getElementById来获取要操作的canvas(这意味着咱得给canvas设个id): <canvas id=”myCanvas”></canvas&…

    2022年7月9日
    5.8K0
  • Java课程设计报告-记事本源代码有流程图

    Java课程设计报告 题 目:简单记事本程序的设计年级专业:计算机科学与技术  软件工程学 号:学生姓名:指导老师: 目    录 摘要… 1 前言… 2 1需求分析… 2 1.1需求分析… 2 1.2功能设计… 3 2.概要设计… 3 2.1程序设计思路… 3 2.2程序运…

    2019年10月4日
    4.5K0
  • 国内github网站打不开的解决方法(验证100%解决)

    最近国内访问github.com经常打不开,无法访问。 github网站打不开的解决方法 1.打开网站http://tool.chinaz.com/dns/ ,在A类型的查询中输入 github.com,找出最快的IP地址。 2.修改hosts文件。 在hosts文件中添加: # localhost name resolution is handled wi…

    2022年2月1日 编程开发
    28.4K0
  • 上机实战五 JavaBean的开发       

      建议学时:2 get方法 set方法 getProperty:获取bean的属性值 setProperty:设置bean的属性值 一、通过表单指定JavaBean的属性。 编写Goods.java(javaBean),定义商品名称、代号、价格,并提供相应的get\set方法。 编写Goods.jsp,页面效果如下,点击提交按钮,会调用javabean,将…

    2018年11月13日
    7.7K0
  • 填坑!安装opencv-python库后,没有CV2文件夹,找不到haarcascade分类器文件

    python内import cv2正常运行,但是根据以下方法在e:\python\python39\lib\site-packages下找不到CV2文件夹,也找不到data\haarcascades相关分类器文件。 OpenCV-python haarcascade各种分类器文件位置 使用 pip list 查看是否安装opencv-python E:\py…

    2020年12月8日
    12.6K0
  • 别再浪费时间了!分享一个学习Python的正确指南!

    Python是一门新手友好、功能强大、高效灵活的编程语言。 然而很多同学在学习过程中,并没有找到正确的方式,这样不仅浪费了大量的时间与精力,也对学习的兴趣有一定打击。 125网页设计整理了一些初学者学习的几大误区分享给大家,帮助同学们更好地学习Python。 急于求成 很多对学习Python有兴趣的同学们,可能在刚开始学习时没有找准学习方式。大家只是一味地买…

    2022年8月13日
    3.4K0

发表回复

登录后才能评论