首页>>前端>>JavaScript->js动态添加div元素后点击无效,js给动态添加的元素绑定事件

js动态添加div元素后点击无效,js给动态添加的元素绑定事件

时间:2024-01-18 本站 点击:15

为什么我用JS动态生成的DIV模块,里面的点击方法不生效?

1、这里时,$(#children)这个对象并不存在,程序就会判定为出错,那个这个事件代码就无效了。你应该在动态生成元素的同时也动态生成事件过程,而不是先生成一个子虚乌有的事件来等着元素对号入座。

2、(document).on(click,.class,function(){……});相当于$(.class).live(click,function(){……});js生成的元素绑定事件必须使用live,但新版的jq,已经淘汰了live,可以用on方法代替,但必须注意写法。

3、新建HTML文件。引入jquery.min.js文件。创建div和按钮并添加class样式。接下来需要创建css样式。创建js点击事件。当点击按钮移除div元素。点击按钮效果如图所示。

...一个div,给他一个id,用jq写了这个id的点击事件,但点击后没效果...

1、div id=“name”这是一个jquery的Demo,点击这句话之后,会激发hide事件,这句话隐藏/div /body /html 改成这样就可以了。标签用法错误 ,我之前都没有用过jq这个标签的。

2、可以先给div标签设置id,然后给这个id绑定点击事件。

3、楼上说的对,jq和css互不影响。我估计是你把div的id(或class)误删除或者改了,jq找不到这个id也就响应不了事件了。

4、打开html开发软件,新建一个html文件。在html文件上创建一个button按钮,然后给这个按钮设置一个id,在案例中把按钮的id设置为show。

5、我有个思路,就是不用a href=#a/a这种方式,可以给点击的a标题一个id,然后在js中给这个id添加一个点击事件, 要跳转的目标位置可以用js去获取到,然后使用定时器来控制滚动条的位置。

js动态append添加的节点,点击事件无效求教

你的点击事件是通过选择器直接绑定的吧,像$(.selector).click这样绑的?这种只能绑定到这一句执行时符合选择器的对象。

alert(Im children);})这里时,$(#children)这个对象并不存在,程序就会判定为出错,那个这个事件代码就无效了。你应该在动态生成元素的同时也动态生成事件过程,而不是先生成一个子虚乌有的事件来等着元素对号入座。

js生成的元素绑定事件必须使用live,但新版的jq,已经淘汰了live,可以用on方法代替,但必须注意写法。

代码如下: 测试 我通过$(#test1).append(新添加的元素input type=button value=点击 onclick=alert(1) ); 在test1中增加了新的元素,但是点击按钮,没有任何反应。

顶楼上,因为是用js动态添加的,事件没有在初始化绑定才会出现这个现象。如果楼上代码有可能有问题的,试试把类名和click对调。

这个要用到“事件委托”,就是把动态添加的元素的事件委托给它的父元素(非动态的)去处理,这样的话不管其子元素如果动态添加,都能捕捉其事件。

js动态添加div元素后点击无效的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于js给动态添加的元素绑定事件、js动态添加div元素后点击无效的信息别忘了在本站进行查找喔。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/JavaScript/127287.html