(Jquery)解决通过class操作click函数时点击失效问题

文章讲述了在HTML中,点击`.test-name-button`按钮时click函数不执行的问题,通过将事件绑定到包含这些按钮的父元素或祖父元素上(使用ID选择器`#test`),解决了事件不触发的问题。
摘要由CSDN通过智能技术生成
一,问题代码
<!-- HTML -->
<div id="test">
<div class="test-name">名称<button class="test-name-button">按钮</button</div>
<div class="test-name">名称<button class="test-name-button">按钮</button</div>
</div>
//js
$(document).ready(function(){
 $(".test-name-button").click(function(){
    //这里是点击后执行的一些动作
 });
});

当点击子类button时,会出现click函数并不执行的情况。如上所示,$(".test-name-button").click在点击后毫无反应,但也并不会报错。

二,解决方法

修改js中的click函数,使用该子类button的父亲div或祖父div...的id值,来选中该button。

//js
$(document).ready(function(){
 $("#test").on("click",".test-name-button",function(){
    //这里是点击后执行的一些动作
 });
});

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值