javascript - 使用jQuery中append的新结点的class效果无效？

问题描述

问 题

使用jQuery中append的新结点的class=popovers效果无效？

使用的是Bootstrap中的popovers效果，但是由于数据需要动态添加。而添加完的结点没有这个效果。

---

<a id="id" class='popovers' data-trigger='hover' data-placement='top'data-content=' 显示的文字'>文字</a>"
                        

---

• 同样这份代码，如果直接写在HTML中，是有效的但是后期通过Ajax添加进去则是无效的。

那么我应该怎样去解决这个问题呢？

解决方案

你可以这样子理解:在浏览器打开后,加载资源文件,加载dom树,渲染css,OK,一个页面完成了(静态了),然后你又添加了一个节点,可是页面已经渲染好了(onload已执行完了),所以,你新加的节点,css样式每一效果,你可以委托绑定事件,再动态给添加的原生再单独添加一次样式(修改和设置,一个意思);比如你点击某个元素,添加节点,委托父元素,绑定新元素样式添加事件

这篇关于javascript - 使用jQuery中append的新结点的class效果无效？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！