jquery中为什么使用.html("<a id='temp1'data-toggle='popover'>1<a>"之后d出框不起作用

jquery中为什么使用.html("<a id='temp1'data-toggle='popover'>1<a>"之后d出框不起作用,第1张

你可以试下不使用 HTML() 函数动态添加, 而是将 <a id='temp1' style='display:none' />先隐藏不显示,然后在 jquery 里显示它; 第二种方法是在 <a id='temp1' />的父元素里添加子元素的方式

首先,el-popover默认挂载在body节点上,也就是说通过查看控制台的html节点时,会发现el-popover与app节点同级。 这个时候就会带来一些麻烦事~ 比如说我通过某些方法获取到css变量并注入在form表单节点上,此时我需要修改el-popoverd窗样式,使用css变量以达到更换主题效果。比如下方的wrapperStyle里就包含几十个css变量,但这些变量所挂载的节点是body下的一个表单,表单里有多个级联选择器。 此时使用css变量则不会生效,通过控制台查找,发现body和html节点上并未发现那几十个CSS变量,因此需要将d窗挂载节点进行更改 element-ui文档在级联选择器那里并未说明哪个属性,但是翻阅文档发现涉及popoverd窗的提及到这么一个属性:popper-append-to-body="false",设置后即可 此时再去控制台查看,发现级联选择器的d窗被表单容器包裹,css变量被找到,样式生效。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7441366.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存