首页 web前端 js教程 为什么jquery使用click绑定的事件无效?

为什么jquery使用click绑定的事件无效?

Jun 27, 2017 am 10:14 AM
click jquery 为什么 使用

jquery使用click绑定的事件无效

$(this).children(":last").prev().after("<div class=&#39;bounty-add&#39;><a target=&#39;_blank&#39; href=&#39;bounties.php#/p=add&XID=" + playerId + "&#39;>[Bounty]</a></div>"); 
$(this).children(":last").prev().after("<div class=&#39;info-add&#39;><a href=&#39;#&#39;>[Refresh]</a></div>");        
$("div.bounty-add").css(addStyle);
$("div.info-add").css(addStyle);
         
         
$(this).children(":last").prev().children("a").click(function() {
   alert("Hello");
});
登录后复制

相关基本代码如上,Refresh这个a元素可以顺利获取,但就是绑定的click事件无效,在chrome“开发者工具”里"Elements"的“Event Listeners”也找不到有效绑定。
上边基本代码所添加的dom都有效,外层是两个each循环,不过感觉应该没啥影响,所有代码都能顺利执行,包括绑定这一步。就是执行完毕之后去点那个a元素无效,也找不到绑定了这个function。。。。。。。

$(this).children(":last").prev().children("a").on("click",function() {
   alert("Hello");
});
登录后复制
登录后复制

on我也试过,一样无效,好像这两个基本一样?
因为a元素本身就有可点击属性,所以点击之后,还是会响应其原始的事件,比如href=‘#’,就会在地址栏最后加一个#。。。。不知道会不会是因为原始事件覆盖了后加的事件?。。。。。

你之前的绑定是

$(this).children(":last").prev().children("a").on("click",function() {
   alert("Hello");
});
登录后复制
登录后复制

与普通click绑定一样
试试这样绑定

$(this).on("click",".info-add a",function() {
   alert("Hello");
});
登录后复制

你的元素是动态生成的吗?
如果是的话用live或者delegate绑定

live jquery1.9就移除了啊,现在倒不是找不到元素或者无法绑定,而是绑定了之后无效。
我直接把a改成p元素,click listeners里面也有,但是那个alter("hello");怎么样都无法触发。。。。。。

首先,使用firebug查看是否页面出现了脚本错误
再次,确认你的代码找到了a元素
最后。你可以使用

$(document).on("click",".info-add",function(){
alert("ok")
})
登录后复制

如果再不行,请发完整的代码给我

以上是为什么jquery使用click绑定的事件无效?的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1662
14
CakePHP 教程
1419
52
Laravel 教程
1313
25
PHP教程
1262
29
C# 教程
1236
24
如何在父分类的存档页面上显示子分类 如何在父分类的存档页面上显示子分类 Apr 19, 2025 pm 11:54 PM

您想了解如何在父分类存档页面上显示子分类吗?在自定义分类存档页面时,您可能需要执行此操作,以使其对访问者更有用。在本文中,我们将向您展示如何在父分类存档页面上轻松显示子分类。为什么在父分类存档页面上显示子分类?通过在父分类存档页面上显示所有子分类,您可以使其不那么通用,对访问者更有用。例如,如果您运行一个关于书籍的WordPress博客,并且有一个名为“主题”的分类法,那么您可以添加“小说”、“非小说”等子分类法,以便您的读者可以

虚拟币价格上涨或者下降是为什么 虚拟币价格上涨或者下降的原因 虚拟币价格上涨或者下降是为什么 虚拟币价格上涨或者下降的原因 Apr 21, 2025 am 08:57 AM

虚拟币价格上涨因素包括:1.市场需求增加,2.供应量减少,3.利好消息刺激,4.市场情绪乐观,5.宏观经济环境;下降因素包括:1.市场需求减少,2.供应量增加,3.利空消息打击,4.市场情绪悲观,5.宏观经济环境。

为什么Spring项目启动时会因为循环依赖导致随机性问题? 为什么Spring项目启动时会因为循环依赖导致随机性问题? Apr 19, 2025 pm 11:21 PM

理解Spring项目启动中循环依赖的随机性在进行Spring项目开发时,可能会遇到项目启动时由于循环依赖导致的随机...

使用RedisTemplate进行批量查询时,为什么返回值会为空? 使用RedisTemplate进行批量查询时,为什么返回值会为空? Apr 19, 2025 pm 10:15 PM

使用RedisTemplate进行批量查询时为何返回值为空?在使用RedisTemplate进行批量查询操作时,可能会遇到返回的结果�...

为什么JavaScript无法直接获取用户电脑的硬件信息? 为什么JavaScript无法直接获取用户电脑的硬件信息? Apr 19, 2025 pm 08:15 PM

关于JavaScript无法获取用户电脑硬件信息的原因探讨在日常编程中,许多开发者会好奇为什么JavaScript无法直接获�...

IntelliJ IDEA是如何通过JavaAgent和RMI技术识别Spring Boot项目的端口号的? IntelliJ IDEA是如何通过JavaAgent和RMI技术识别Spring Boot项目的端口号的? Apr 19, 2025 pm 06:18 PM

IntelliJIDEA如何识别SpringBoot项目的端口号?在使用IntelliJIDEAUltimate版本启动Spring...

为什么redisTemplate.opsForList().leftPop()方法不支持传入参数来一次性弹出多个值? 为什么redisTemplate.opsForList().leftPop()方法不支持传入参数来一次性弹出多个值? Apr 19, 2025 pm 10:27 PM

关于RedisTemplate.opsForList().leftPop()不支持传个数的原因在使用Redis时,很多开发者会遇到一个问题:为什么redisTempl...

See all articles