解决element生成的下拉菜单,不在父级之下,而是在body之下,通过父级控制该下拉菜单的样式,达到不跟别的地方冲突的目的

项目中存在多个下拉菜单,每个下拉菜单的样式可能不同

不能直接拿到element里面的类名来修改,这样会导致全局统一

在下拉菜单上定义一个父级类名,通过这个父级类名来定义这些下拉菜单的样式,达到私有化

遇到问题,生成的下拉菜单跟父类不在同一个节点,无法通过父级类来指定样式

解决方案:在下拉菜单的结构上添加 ref,页面加载后动态添加父级类名

原文地址:https://www.cnblogs.com/wuhefeng/p/12530803.html

时间: 2024-10-26 07:08:43

解决element生成的下拉菜单,不在父级之下,而是在body之下,通过父级控制该下拉菜单的样式,达到不跟别的地方冲突的目的的相关文章

可控制导航下拉方向的jQuery下拉菜单代码

效果:http://hovertree.com/texiao/nav/1/ 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可控制导航下拉方向的jQuery下拉菜单代码 - 何问起</title> <base ta

JS-事件之鼠标、键盘都能控制的下拉选框效果

<script type="text/javascript"> window.onload=function(e){ var box=document.getElementById('divselect'), title=box.getElementsByTagName('cite')[0], menu=box.getElementsByTagName('ul')[0], as=box.getElementsByTagName('a'),//as是一个集合 index=-1

TCP Incast 问题TCP INCAST解决思路 应用场景:在集群文件系统内,客户端应用请求某个逻辑数据块(通常情况下一个读数据块大小是1MB),该数据块以条带化方式分别存储在几个存储服务器上,即采用更小的数据片存储(32KB,256KB等),这种小数据片称为服务器请求单元(SRU)。只有当客户端接收到所有的服务器返回的其所请求数据块的SRU后才继续发送出下一个数据块请求,即客户端同时向

TCP INCAST解决思路 应用场景:在集群文件系统内,客户端应用请求某个逻辑数据块(通常情况下一个读数据块大小是1MB),该数据块以条带化方式分别存储在几个存储服务器上,即采用更小的数据片存储(32KB,256KB等),这种小数据片称为服务器请求单元(SRU).只有当客户端接收到所有的服务器返回的其所请求数据块的SRU后才继续发送出下一个数据块请求,即客户端同时向多个存储服务器发起并发TCP请求,且所有服务器同时向客户端发送SRU. 出现的问题: 1)         这种多对一的服务器向客

VC++的菜单控制和自绘菜单

菜单控制为什么即使调用EnableMenuItem菜单项后,菜单项还处于禁止状态  需要将CFrameWnd:: m_bAutomenuEnable设置为FALSE,如果该数据成员为TRUE(缺省值),工作框将自动地禁止没有ON_UPDATE_COMMAND_UI或者ON_COMMAND的菜单项.//Disable MFC from automatically disabling menu items.m_bAuoMenuEnable=FALSE;//Now enable the menu it

去线下培训班学习有什么好处和坏处?(我是否应该花一万多去线下培训机构学习?)

去线下培训班学习有什么好处和坏处? 到底要不要去线下报个培训班,很多同学都会有这个问题,我们一起来分析分析线下培训的好处和坏处. 客观的评价,在线学习出来没几年,近两三年才开始涌现出来,前面根本就没有在线学习.在线学习刚出来的时候,有人说在线学习要颠覆线下,以后都是在线学习,线下培训班干不下去了,其实这话是不对.有失偏颇的.应该说在线学习跟线下学习各自有各自的特点跟好处,各自适应不同的人,谁都取代不了谁.就跟面条跟米饭哪个好吃一样,永远有人吃面条,有人吃米饭.这个东西无关乎对与错,只关乎选择,在

4.6 找出二叉树中指定节点的下一个节点(中序后继),假定每个节点有父指针。

5 / 2 6 / \ 1 4 7 / 3 class Node{ Node left; Node right; Node parent; int val; } /** 1.如果有右子树,则结果为右子树的最左节点. 2.如果没有右子树,则需要回到父节点,如果当前节点是父节点的左子树,则父节点就是结果,如果不是继续向上再找父节点. */ public TreeNode inorderSucc(TreeNode n){ if(n==null) return null; if(n.right!=nul

解决Bui框架下拉框select配合Gird弹出模态编辑框使用,无法选取编辑行的下拉内容.

这个需求比较简单,就是下拉列表的项是异步请求过来的加载的,而点击gird的编辑一行按钮实现动态选择表单的行内容: 点击编辑效果: 图中的RulesDictID项是从后台异步获取的.那么我们在前端这样写: <div class="row-fluid"> <div class="span24"> <div class="panel"> <div class="panel-header"&g

Mac系统下 解决ThinkPHP生成目录,无法保存问题

Mac环境下我们建立目录的时候往往要增加目录的时候要修改权限,输入密码,大大的降低了效率. 解决办法: 1.找到你的目录站点 终端打开打 2.终端输入find file -exec sudo chmod 777 {} \;  既可以解决  例子: PHP项目:PHPTest 路径    /Users/MuyunLee/PHPWorkSpace/PHPTest/ 终端执行 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; col

解决maven生成的web项目下的servlet.jar与tomcat自带servlet.jar冲突的问题

使用maven生成web工程后,编译需要下servlet-api.jar和jsp-api.jar文件. pom文件中的写法为: <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> </dependency> 这种写法在使用mvn targe命令时有效的,