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

  • 在servlet中输出JS中文乱码,servlet中alert对话框出现中文乱码的解决方法

    在servlet中输出JS中文乱码,servlet中alert对话框出现中文乱码的解决方法在servlet中输出JS中文乱码,servlet中alert对话框出现中文乱码的解决方法在servlet中输出JS中文乱码,servlet中alert对话框出现中文乱码的解决方法在servlet中输出JS中文乱码,servlet中alert对话框出现中文乱码的解决方法

    一、在servlet中输出JS中文乱码 解决方法 在servlet中添加以下代码:   request.setCharacterEncoding(“UTF-8”);   response.setContentType(“text/html”);   response.setCharacterEncoding(“UTF-8”); 二、servlet中alert…

    2019年11月29日 编程开发
    12.6K0
  • 上机实战八:Java web编程综合案例

    建议学时:6 一、开发基于MVC模式的信息管理系统,如新闻发布系统,要求用户可查看、查询。管理员进入后台可对发布新闻(实现相应的增删查改)。 后台添加文章,建议使用UEditor! UEditor 是开源、免费的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果。 UEditor兼容性很好,是网站站长开发的首选,官网地址:UEditor官网 包…

    2018年12月11日
    6.9K0
  • Vim编辑器常用命令大全

    编辑和保存文件 vim filename为编辑一个文件,若此文件不存在,则Vim会以filename为名创建这个文件。 启动Vim时自动处于命令模式,按I键可以进入插入模式,这个命令用于在当前光标所在处插入字符。 保存和退出 命令 操作 :w 保存文件 :w filename 另存为filename :q 退出Vim :q! 强制退出Vim,用于放弃保存修改…

    2022年9月22日
    2.1K0
  • 第一个Spring MVC 项目:Hello World(Eclipse版)

    第一个Spring MVC 项目:Hello World(Eclipse版)第一个Spring MVC 项目:Hello World(Eclipse版)第一个Spring MVC 项目:Hello World(Eclipse版)第一个Spring MVC 项目:Hello World(Eclipse版)

    125建站网前面分享了《Spring框架概述》,新学习的同学可以先阅读引文章,今天给大家分享第一个Spring MVC实战项目:Hello World 目录  一、MVC概要 二、Spring MVC介绍 三、第一个Spring MVC 项目:Hello World(Eclipse版) 3.1、通过Maven新建一个Web项目 3.2、添加依赖的jar包 3…

    2023年1月24日 编程开发
    1.2K0
  • servlet共享变量实现计数器功能(servlet入门)

    servlet类中定义的成员变量,被所有的客户线程共享。 要求利用servlet共享变量实现计数器功能。 Count.java package com.servlet; import java.io.I.*; import javax.servlet.*; import javax.servlet.http.*; public class Count ext…

    2018年11月27日
    8.9K0
  • 第六章 Servlet技术(重点章节)

    学习目标:
    掌握Servlet的概念、特点及生命周期
    掌握Servlet与JSP的区别
    理解Servlet在Web项目中的作用
    掌握Servlet常用对象及其方法

    2018年2月22日
    6.9K0

发表回复

登录后才能评论