JQuery 的click失效,无法触发

前不久用js写评论的时候遇到的问题,当时就觉得很奇怪,自己写的代码没有报错,编译正常
浏览器控制台调试,点击了Click也不反应,上网查询了很久也不见得有人提起过(可能是我不会搜索吧),多次搜索引擎查阅后无果,我只好求助同校学前端的朋友

正文

问题

<button>点击追加div标签</button>
<div id="zhuijia"></div>

// 点击button后再zhuijia里面追加标签
$('button').click(function () {
    $('#zhuijia').prepend('<div id="test">JQuery追加的标签</div>');
})

// 点击js追加的标签不反应
$('#test').click(function () {
    alert(1);
})

解决

on() 和 click() 的区别:
二者在绑定静态控件时没有区别,但是如果面对动态产生的控件,只有 on() 能成功的绑定到动态控件中。

<button>点击追加div标签</button>
<div id="zhuijia"></div>


$('button').click(function () {
    $('#zhuijia').prepend('<div id="test">JQuery追加的标签</div>');
})

// 使用这种方法即可成功触发click
$(document).on('click', '#test', function () {
    alert(1);
})
  • 5
    点赞
  • 6
    收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:深蓝海洋 设计师:CSDN官方博客 返回首页
评论 2

打赏作者

Lete乐特

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值