通过append添加的div 点击事件无效

最新推荐文章于 2022-03-17 10:54:28 发布
最新推荐文章于 2022-03-17 10:54:28 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： js html 烂笔头 文章标签： js html
烂笔头 同时被 3 个专栏收录
14 篇文章 0 订阅
订阅专栏
js
11 篇文章 0 订阅
订阅专栏
html
5 篇文章 0 订阅
订阅专栏

为类名相同的节点添加事件

$(document).on(“click”,“指定的元素”,function(){});是将指定的事件绑将document上，只要而新产生的元素符合指定的元素，就会绑定此事件 。

$(document).on("click",".class名",function(){
        var id = $(this).attr('id');
        .....
    })
西红柿多钱一斤
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中append字符串包含onclick无效传递参数失败的解决方案
10-20
主要介绍了JS中append字符串包含onclick无效传递参数失败的解决方案,需要的朋友可以参考下
如何让div span等元素能响应键盘事件操作指南
12-09
当`span`元素被插入到`div`中时，我们需要通过`.focus()`方法为它设置焦点，以便它可以捕获键盘事件。示例代码如下： ```javascript $(function() { $('#someid').keypress(function(event) { alert('test'); ...
append动态生成的元素，无法触发事件的原因及解决方案
MeYeah!的博客
02-26 633
使用append动态生成的元素事件绑定失效了。 click（fn）当选中的选择器被点击时触发回调函数fn。只针对与页面已存在的选择器。而新添加的元素自然没有绑定到事件。 使用$(document).on(‘事件类型’,‘要选择的元素’,function(){})方法为元素绑定事件on方法包含很多事件，点击，双击等等事件。与click(fn)相比，二者在绑定静态控件时没有区别，但是如果面对动态产生的...
jq 创建的div中添加点击事件无效 append元素之后 点击事件失效
PHP,Java--在世悟空的博客
08-29 1011
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>冒泡</title> 载入jq <script src="jquery.min.js" type="text/javascript"></script> <style> #demo{width:100px;height:100px.
关于append标签后，点击事件不可用的解决方法
weixin_39724194的博客
04-15 545
今天写前端，用了append追加了一个含点击事件的文本框后，点击事件没反应。 append的代码： var times = '<div class="row cl">\n' + '\t\t\t\t\t<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span&g...
解决append的div的事件失效问题
以秘
08-10 2531
原来div里有一个关闭按钮，点击后可以把该div删除掉。 现在新增一个按钮，点击这个按钮就可以动态添加和原来的div相同的div。 实现点击新添加的div里的按钮，也想要实现删除该按钮所在的div。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;测...
解决jquery中，使用append增加元素时，该元素的绑定监听事件失效的办法
JamesCole的博客
10-09 5904
实现格式如下： $("outerSelector").on("eventType","innerSelector",function(){}); 举例：如果想要设置一个在中append的一个id="demo"的按钮的点击事件，则可以这样写： $(".title").on("click", "#demo", function(){});
解决jQuery使用append添加的元素事件无效的问题
12-12
总结来说，解决jQuery中使用`.append()`添加元素后事件无效的问题，关键在于使用`.on()`方法，并将事件绑定到尽可能接近动态元素的静态父元素上，以减少事件冒泡带来的性能开销。同时，理解`.on()`, `.off()`, 和 `....
解决使用layui对select append元素无效或者未及时更新的问题
12-30
本人在使用layui使用了select按钮，点击是js脚本会异步请求后台接口获取json数据，然后layui将json数据渲染到select上，然而获取接口数据没有问题，就是无法更新。 本人使用代码如下： <div class=main> <div ...
添加、删除、上移、下移div
10-17
添加新`div`可以通过`append()`或`prepend()`方法，删除`div`用`remove()`，上下移动则可以调整其在DOM树中的位置。 1. 添加`div`： ```javascript $("#addButton").click(function() { var newDiv = $("<div ...
JS中appendChild追加子节点无效的解决方法
10-17
然而，在某些情况下，我们可能会遇到`appendChild`追加子节点无效的问题。这个问题通常与DOM操作的规则有关，特别是当尝试将一个节点添加到多个父元素时，会违反DOM结构的一致性。 首先，让我们深入了解一下`...
系列教程之jQuery动态append添加元素click点击事件失效
种麦南山下的博客
10-26 2163
最近开始做前端，遇到一些问题，现在记录一下，以备不时之需。 问题描述：在div中动态添加span元素，之后执行 $(selector).click(function(){ var param = $(this).text(); }) 无法触发事件。 原因：append中的节点是在整个文档加载完之后开始添加，页面不会为append的元素初始化添加点击事件，故使用这种方式动态添加的节点中的click事件没有生效。 解决方案：事件委托方式解决，将指定的事件绑定在document上，只要appe
解决使用jQuery采用append添加的元素事件无效的方法
amsnivrb74406的博客
01-09 909
当我们使用jQuery动态加载html元素，但是元素上面又绑定了Click等事件，针对新添加的元素这些事件是无效的，那么应该怎样解决呢？ live方法 live( type, fn ) jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。 目前支持 click, dblclick, mousedo...
js动态append添加的节点点击事件无效
热门推荐
DUDUfine的专栏
06-19 1万+
js动态append添加的节点点击事件无效问题
当使用append添加元素时，使用元素内的方法，方法内的参数解析错误解决办法
qq_36826248的博客
09-19 2106
  情形一：当使用append添加元素时，使用元素内的方法，方法内的参数解析错误，如下图所示情况，     解决办法：使用转义字符去除空格，就ok啦     情形二：当使用append添加元素时，append添加出来的id点击事件无效，比如在#append_parent中添加_html，想使用也想对动态增加的节点绑定#fwin_dialog_delete点击事件无...
vue中div@click不起作用
sinat_23336093的博客
09-08 1万+
vue中div@click不起作用 前提，一个外层div，样式：position: relative;，设置了点击事件@click 里面用了position: absolute;绝对定位，之后点击就不起作用 目前已知两种解决方法 1、最外层div的z-index层级设置比里面绝对定位的大 2、用@click.prevent也是可以的 v-on的指令修饰符 .stop - 调用 event.stopPropagation()。 .prevent - 调用 event.preventDefault()。 .
处理用append添加的元素用onclick绑定无效的事件
qq_41720578的博客
03-17 475
问题是：通过jQuery append（或者before、after，一样）新添加进网页的元素，常用的事件不能触发，比如：append了id 为 abc 的元素，那么 $(#abc).click(function(){})是没有效果的。 网上说要用live()函数，亲测无效，应该是jQuery的版本问题，反正到目前为止是不能用了； 解决方法：用on函数，要注意格式(楼主搞了半天，因为格式不对，哎，不说了…都是泪) 正确格式： $("outerSelector").on('eventType','
div 遮挡 点击事件失效 解决办法
明耀的博客
03-13 5936
在遮挡层加 style="pointer-events: none;"
JavaScript用append向div添加img元素
最新发布
04-20
好的，让我来为您解答。对于您的问题，JavaScript中可以使用append()方法向div元素添加img元素。例如，使用以下代码可以实现： var img = document.createElement('img'); img.src = '图片路径'; document.getElementById('YOUR_DIV_ID').appendChild(img); 希望我的回答能够帮助到您。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值