jQuery失效问题解决方案
发布日期:2021-08-13 04:55:04 浏览次数:5 分类:技术文章

本文共 703 字,大约阅读时间需要 2 分钟。

jQuery是广受大家的喜爱一款js框架,我们在使用Ajax去改变页面内容之后,页面中可能会加入新的标签。当我们想使用ready方法中已经注册的事件时,发现对新加入的标签不起作用了,这就需要为新加入的标签绑定事件。

如果它的ID=a,那么之前在ready之中注册的事件就会失效。

 

网页中存在如下代码:

<div id="insertdiv"></div>

<a href="#" id="ch1">Click</a>

我们想在insertdiv中插入新的<a>那么有如下脚本:

$(document).ready(function () {

//插入一个标签

$("#ch1").click(function () {

   $('<a id="new" href="#">NEW</a>').appendTo("#insertdiv");

});

//事先给该标签绑定了click事件处理代码

$("#new").bind("click",function () {

   alert();

});

//该结果是click事件处理是无效的

});

解决方案如下:

$("#ch1").click(function () {

   $('<a id="new" href="#">NEW</a>').appendTo("#insertdiv");

   $("#new").bind("click",function () {

   alert();

   });

});

 

这样子就可以了。。。

转载于:https://www.cnblogs.com/colorfulkoala/archive/2012/04/03/2431513.html

转载地址:https://blog.csdn.net/weixin_30677073/article/details/95913482 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:python的list和tuple
下一篇:SDK踩坑全纪录

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年03月16日 23时35分50秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

java jmx 配置_为什么在配置JMX时Java打开3个端口? 2019-04-21
java thread回调_使用Runnable在Java中实现回调 2019-04-21
java 内存区_Java内存模型和Java内存区域的区别和联系? 2019-04-21
java定时任务监控_Spring定时任务使用及如何使用邮件监控服务器 2019-04-21
java crc32 使用_Java CRC32的用法 2019-04-21
java读取unicode_java怎么样将unicode解码读取?Java读取本地文件进 2019-04-21
java.io.file()_Java File getUsableSpace()方法 2019-04-21
java httpclient 工具_spring整合httpClient工具类 2019-04-21
java监控其他服务器运行状态_windows服务器监控多个tomcat运行状态 2019-04-21
java给学生按总成绩排名_java - 输入学生成绩,取它们的平均值,然后通过排名等级的学生 - SO中文参考 - www.soinside.com... 2019-04-21
java构造函数有什么用_java构造函数有什么用,怎么用 2019-04-21
mysql 匹配 隔开的_按空格分隔关键字并搜索MySQL数据库 2019-04-21
java factory用法_怎样使用Java实现Factory设计模式 2019-04-21
java窗口内容如何复制_求助Java窗口菜单如何实现复制粘贴剪切等功能(内附源代码)... 2019-04-21
盾神与砝码称重java_[蓝桥杯][算法提高VIP]盾神与砝码称重 2019-04-21
java输出狗的各类信息_第九章Java输入输出操作 2019-04-21
java notify怎么用_java 如何使用notify() 2019-04-21
java加载指定文件为当前文本,java:如何使用bufferedreader读取特定的行 2019-04-21
java metrics 怎么样,Java metrics 2019-04-21
在vscode中php语言配置,Visual Studio Code C / C++ 语言环境配置 2019-04-21