对于拼接进去的html原来绑定的jq事件失效

最新推荐文章于 2023-03-05 23:14:31 发布
最新推荐文章于 2023-03-05 23:14:31 发布
阅读量178 收藏
点赞数
文章标签： javascript 前端 jquery Powered by 金山文档
原文链接：https://www.cnblogs.com/RikuBlog/p/9530874.html
版权

JQ拼接显示的页面中鼠标事件失效

由于是先加载html在用js层绑定的所有后来加进来的html内容就不再绑定js了

所以我们需要利用delegate绑定，但是同样道理也不能写在普通的方法层里，因为这样还是会失效

所以本身拼接的时候我们就在componentDidMount()里我们就继续在尾部添加我们的delegate()

Hans丶利
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决jquery绑定点击事件失效问题
小小白的博客
12-26 2372
解决jquery绑定点击事件失效问题
vue实现在v-html的html字符串中绑定事件
12-30
需求： 需要在v-html的html字符串的button中绑定点击事件，需要点击后做一些操作，必须渲染成html，但是渲染后的html里面写绑定事件的代码没有经过vue...在v-html同级元素中使用事件绑定，然后根据事件触发的目标对象去
jquery ajax拼接html,Ajax動態拼接HTML，JS失效的解決——Jquery的事件委托
weixin_39981041的博客
06-17 232
晚上用Ajax拼接動態生成的html到頁面時，遇到JS中的方法失效的問題，可是頭疼。原因是Ajax在載入新的dom之前就已經把頁面的JS加載完了，再執行事件時，沒有綁定到新載入的dom上。這時候就需要利用Jquery的事件委托。利用事件委托的話，只需要給父級綁定一個事件監聽，即可讓每個li都綁定上相應的事件。簡單來說就是：$("父元素").on("click","子元素",function(){/...
jquery 动态增加的html使得click事件失效
coloma2012的博客
03-05 1609
使用ajax读取数据列表，，class为“item”,用$(“.item”).click(function(){ //do selting})，后面通过ajax加载进来的列表中的item按钮，点击事件会失效。最简单的方法就是直接在标签中写οnclick=””，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。
设置html按钮点击事件失效
青山不改，绿水长流。
10-27 1727
pointer-events属性除了指示该元素不是鼠标事件的目标之外，值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。实现按钮上的点击事件失效。语法：pointer-events：auto| none | visiblepainted | visiblefill | visiblestroke |想要按钮不能点击可以通过设置按钮点击事件失效来实现；而在CSS中，可以使用pointer-events属性来实现点击事件失效。
【记录】原生html中 点击事件onclick失效的情况
weixin_41492957的博客
12-08 1689
form标签中， button 无法绑定onclick事件
Jquery对新插入的节点 绑定Click事件失效的解决方法
11-23
1.有人说用 Live， 事实上现在最新的Jquery已经不支持 Live 了。live的解决方法如下： 你可以看这个 也可以不看 ，只是做到心中有数就可以了。下面介绍ON的方法。 live：Live的使用介绍 2.有人用了ON 来解决， 这个...
jquery动态添加元素事件失效问题解决方法
10-25
当使用脚本动态添加元素xxx时，但事件失效，最后使用jquery中on方法解决脚本动态添加元素,需要的朋友可以参考下
vue 标签属性数据绑定和拼接的实现方法
08-27
Vue 标签属性数据绑定和拼接的实现方法 在 Vue.js 中，数据绑定和拼接是非常重要的概念，它们可以帮助我们更方便地处理数据和渲染页面。本文将主要介绍 Vue 标签属性数据绑定和拼接的实现方法。 一、数据绑定 在 ...
jquery动态生成html代码绑定事件
G11176593的博客
11-10 519
是不是很简单,这里选择作为父元素调用on方法绑定click事件,这样父元素下的所有元素都绑定了click事件,有时候并不需要所有的都绑定,那怎么办？//这里我每点击增加一次会在最后增加5行李健i,我现在要让所有的都绑定click事件(包括动态生成的)$(".h3").on("click","h3",{foo:"文本:"},function(event){h += "李健"+i+i+"";
拼接html无法触发绑定事件的解决办法
u012198023的博客
04-16 1713
在开发过程中有时会遇到需要利用js动态为页面拼接元素的情况，但是监听事件在页面加载完就会绑定到指定的元素上，之后执行的js方法拼接的元素将无法触发事件。 解决办法为，利用jquery的on()方法，为所要拼接元素的父元素添加监听事件 ...
jquery 动态添加的元素，绑定的事件不生效
猎人在吃肉
11-07 1780
jquery 动态添加的元素，绑定的事件不生效
jquery学习
chengsz_2012的专栏
05-08 457
1.delegate   当点击鼠标时，隐藏或显示 p 元素： $("div").delegate("button","click",function(){ $("p").slideToggle(); });
给通过js拼接的html加上click()事件
weixin_44000635的博客
06-28 1万+
//对未来元素的绑定事件​​​​​​​ $(document).on("click",".urlTip",function(){ return confirm('您访问的链接即将离开***网站，是否继续？'); }) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"...
Vue · 拼接html,绑定点击事件
weixin_42091247的博客
11-29 3268
在vue 的html拼接在添加点击事件用原生的onclick来触发事件，将事件挂在window上
动态生成的html绑定click事件没有效果不执行 click事件重复绑定问题
热门推荐
noteless的博客
02-16 1万+
在js里面,click事件是存在重复绑定的情况的,如果你做了 比如说,一个函数会执行多次,你每次都把绑定了click事件,那么他就会累加 点一次相当于点了好几次 还有就是对于动态生成的html如果append到某个div上面 原有的绑定的click事件是不生效的 需要重新绑定 比如我现在遇到的问题: 场景就是手机端的网页,滚动下拉加载更多的内容,也就是分页加载 滚动一下...
js中拼接的html代码中的onclick事件解析错误
守护大白菜的博客
07-25 1万+
js代码: html+=''; html+='课程'; html+='训练营'; web端展示形式: 课程<a class="kc_btn" href="javascript:void(0)" onclick="playv1(" 1","1","1");"="">训练营付费 结果:onclick事件后面多了个  "=""  多余代码
" " 和 ' ' 混用拼接html字符串，且含有事件，事件中有参数
zouxuhang的博客
07-06 6751
// 1.使用单引号，在事件方法传字符串参数时用转义双引号数值类型：    var value = "1";    var ret = "&lt;a href='javascript:void(0);' onclick='approve("+value+", 0"+")' &gt;"+"同意"+"&lt;/a&gt;";字符串类型：    var value
js 拼接html 绑定点击事件传入参数
最新发布
05-27
在 JavaScript 中，可以使用字符串拼接的方式动态生成 HTML 元素，并且可以为这些元素绑定点击事件并传入参数。以下是一个示例： ```javascript // 创建一个空的 div 元素 var myDiv = document.createElement("div...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值