Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改活动div的背景颜色_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 更改活动div的背景颜色

Javascript 更改活动div的背景颜色,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经创建了一个下拉菜单。我想更改活动范围标记的背景色,其中包含箭头图像。点击任何下拉选项,它就会关闭,并且该选项会出现在菜单中 示例:-如果我单击“删除项目2”选项,它应该替换“项目名称” jQuery(文档).ready(函数(e){ 函数t(t){ 绑定(“点击”,函数(t){ t、 预防默认值(); e(this.parent().fadeOut()) }) } e(“下拉切换”)。单击(函数(){ $(“#旋转符号”).css({ “背景色”:“绿色” }); var t=e(thi

我已经创建了一个下拉菜单。我想更改活动范围标记的背景色,其中包含箭头图像。点击任何下拉选项,它就会关闭,并且该选项会出现在菜单中

示例:-如果我单击“删除项目2”选项,它应该替换“项目名称”

jQuery(文档).ready(函数(e){
函数t(t){
绑定(“点击”,函数(t){
t、 预防默认值();
e(this.parent().fadeOut())
})
}
e(“下拉切换”)。单击(函数(){
$(“#旋转符号”).css({
“背景色”:“绿色”
});
var t=e(this).parents(“.button dropdown”).children(.dropdown_menu”).is(“:hidden”);
e(“.button dropdown.dropdown_menu”).hide();
e(“.button dropdown.dropdown toggle”).removeClass(“活动”);
if(t){
e(this).parents(“.button dropdown”).children(.dropdown_menu”).toggle().parents(.button dropdown”).children(.dropdown toggle”).addClass(“活动”)
}
});
e(文件)。绑定(“点击”,功能(t){
var n=e(t.目标);
如果(!n.parents().hasClass(“按钮下拉列表”))
e(“.button dropdown.dropdown_menu”).hide();
});
e(文件)。绑定(“点击”,功能(t){
var n=e(t.目标);
如果(!n.parents().hasClass(“按钮下拉列表”))
e(“.button dropdown.dropdown toggle”).removeClass(“活动”);
})
});
*{
框大小:边框框;
}
身体{
背景色:#eee;
文本对齐:居中;
填充顶部:50px;
}
.导航{
显示:块;
字体系列:“PT无标题”,无衬线;
文本转换:大写;
保证金:0;
填充:0;
填充:5px 0px 0px 0px;
}
李国荣先生{
显示:内联块;
列表样式:无;
宽度:100%;
}
.导航按钮下拉列表{
位置:相对位置;
}
.nav.按钮下拉菜单.下拉切换{
显示:块;
填充:0px 0px 0px 20px;
文字装饰:无;
字体系列:“PT无标题”,无衬线;
字体大小:7.5px;
字体大小:粗体;
线高:2.33;
字母间距:0px;
文本对齐:居中;
颜色:#66666 7;
}
.nav.按钮下拉菜单。下拉菜单项{
显示:块;
填充:10px 2px;
文字装饰:无;
字体系列:“PT无标题”,无衬线;
字体大小:7.5px;
字体大小:粗体;
线高:2.33;
字母间距:0px;
文本对齐:居中;
颜色:#66666 7;
边框底部:实心0.5px#e4;
}
.border\u bottom\u无{
边框底部:实心1px#ffffff;
}
李海军{
显示:内联块;
左边距:5px;
字体大小:10px;
颜色:#999;
身高:26.5px;
背景色:#F3;
}
.下拉菜单{
z指数:1000;
浮动:左;
/*最小宽度:160px*/
字体大小:14px;
列表样式:无;
边界半径:1px;
}
.nav li.下拉菜单{
显示:无;
位置:绝对位置;
左:0;
填充:0;
保证金:0;
文本对齐:左对齐;
宽度:100%;
背景色:#F3;
盒影:-1px1px0.5px0RGBA(2002002002000.5);
}
.nav li.下拉菜单\激活{
显示:块;
}
.nav li.下拉菜单a{
宽度:90%;
保证金:自动;
}
分区自定义表{
显示:表格;
宽度:100%;
}
div.custom-table-row{
显示:表格行
}
div.custom-table-cell{
显示:表格单元格;
填充:3倍;
}
.自定义表格行>.自定义表格单元格{
高度:35px;
垫底:0px;
}
div.table-cell-data{
位置:相对位置;
身高:100%;
宽度:100%;
显示器:flex;
对齐项目:居中;
调整内容:灵活启动;
填充:5px0;
}
div.table-cell-data.right-align{
证明内容:柔性端;
}
div.custom-table.brand-portal-panel div.custom-table-row div.custom-table-cell{
边框底部:1px实心#CCCC;
}
div.custom-table.brand-portal-panel div.custom-table-row div.custom-table-cell img.brand-icon{
宽度:32px;
高度:32px;
利润率:0.5px;
右边距:10px;
}
div.custom-table.brand-portal-panel div.custom-table-row div.custom-table-cell:第一个子级{
最小宽度:5%;
空白:nowrap;
边界:无;
垂直对齐:中间对齐;
}
div.custom-table.brand-portal-panel div.custom-table-row div.custom-table-cell:第n个子项(2){
宽度:45%;
}
div.custom-table.brand-portal-panel div.custom-table-row div.custom-table-cell:第n个子项(3){
宽度:25%;
}
div.custom-table.brand-portal-panel div.custom-table-row div.custom-table-cell:第n个子项(4){
宽度:15%;
}
div.custom-table.brand-portal-panel div.custom-table-row div.custom-table-cell:第n个子项(5){
宽度:10%;
}
.签名{
高度:20px;
宽度:19px;
}
.符号旋转img{
宽度:100%;
-ms变换:旋转(90度);
-webkit变换:旋转(90度);
变换:旋转(90度);
}

    •   e(".dropdown_menu").click(function(event){
        e("#label1").text(event.target.textContent.trim());
        })