为什么jquery使用click绑定的事件无效?
$(this).children(":last").prev().after("<div class='bounty-add'><a target='_blank' href='bounties.php#/p=add&XID=" + playerId + "'>[Bounty]</a></div>"); $(this).children(":last").prev().after("<div class='info-add'><a href='#'>[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中文网其他相关文章!

热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

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

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

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

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

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

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

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

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

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