Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.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 使用js为元素添加宽度_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用js为元素添加宽度

Javascript 使用js为元素添加宽度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想用js为HTML中的某些元素添加宽度,但它不能正常工作。 我想这样做是为了在它的滚动响应设计。 我试着用这段代码做到这一点,但它不起作用。 在响应性设计中,每件事物都是混合的 $(文档).ready(函数(e){ $('.seat ready')。单击(函数(e){ if($(this).hasClass('active')){ $(this.removeClass('active'); }否则{ $(this.addClass('active'); } }); }); setTimeo

我想用js为HTML中的某些元素添加宽度,但它不能正常工作。
我想这样做是为了在它的滚动响应设计。
我试着用这段代码做到这一点,但它不起作用。 在响应性设计中,每件事物都是混合的


$(文档).ready(函数(e){
$('.seat ready')。单击(函数(e){
if($(this).hasClass('active')){
$(this.removeClass('active');
}否则{
$(this.addClass('active');
}
});
});
setTimeout(函数(){
$('.chairs.row')。每个(函数(){
$(这个)。宽度(
($(this).children('a').length)
*
(
$(this.children('a').width()+
parseInt($(this).children('a').css(“marginRight”).replace('px','')
+parseInt($(this).children('a').css(“marginLeft”).replace('px','')
)
+$(this.attr('class').split('-')[1]*$(this.children('a').width()
);
$(这个)。宽度(
($(this).children('span').length)
*
(
$(this).children('span').width()+
parseInt($(this).children('span').css(“marginRight”).replace('px','')
+parseInt($(this).children('span').css(“marginLeft”).replace('px','')
)
+$(this.attr('class').split('-')[1]*$(this.children('span').width()
);
});
$('.chairs')。每个(函数(){
var rowLength=$(this).children('.row').length;
对于(var i=rowLength;i>rowLength-12;i--){
$(this).children('.row').eq(i).addClass('top');
}
});
}, 500);
.hall wrap{
最大宽度:100%;
宽度:自动;
}
.集装箱椅{
明确:两者皆有;
-webkit用户选择:无;
-khtml用户选择:无;
-moz用户选择:无;
-ms用户选择:无;
用户选择:无;
}
.文本中心{
显示:块;
保证金:0自动;
文本对齐:居中;
}
.文本中心#大厅{
显示:无;
}
.首厅部分{
字体系列:“Yekan”;
线高:230%;
高度:220px;
字体大小:14px;
}
.标题大厅部分.标题大厅内容{
位置:相对位置;
线高:23px;
}
.主厅部分h2{
颜色:#9f3a67;
边缘底部:10px;
}
.标题大厅部分.日期..标题大厅部分.时间{
颜色:#9f3a67;
字号:17px;
边缘底部:5px;
}
.标题大厅部分。btn.cancel-all{
背景:#dc3c3f;
边界:无;
颜色:#fff;
浮动:左;
字体大小:14px;
高度:33像素;
边缘顶部:5px;
填充:9px25px0;
过渡:所有0.2秒缓解;
不透明度:0;
可见性:隐藏;
}
.标题大厅部分.btn.cancel-all.show{
不透明度:1;
能见度:可见;
}
.header hall content.btn、.header hall content.btn+.btn{
位置:绝对位置;
底部:0;
高度:31px;
填充:7px25px0;
背景:#e6;
}
.标题大厅内容.btn+.btn{
右边距:103px;
背景#009a35;
边框:1px实心#328e4d;
颜色:#fff;
}
.拇指音乐会{
左边距:15px;
浮动:对;
边框:1px实心#c8c8c6;
填充:2px;
高度:176像素;
宽度:176像素;
}
.上头大厅{
宽度:100%;
边框顶部:1px实心#e3;
边框底部:1px实心#e3;
边缘顶部:15px;
空白:nowrap;
}
.上头大厅:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
李局长{
填充:5px33px 5px0;
浮动:对;
左边距:25px;
}
.上头大厅李。座椅已禁用{
背景:url('http://tik8.com/assets/user/img/chairs.png')无重复100%-82px;
}
.上头大厅李。预留座位{
背景:url('http://tik8.com/assets/user/img/chairs.png')不重复100%-20px;
}
.上头大厅李。座位准备就绪{
背景:url('http://tik8.com/assets/user/img/chairs.png')无重复100%-51px;
}
.标题大厅李。已选择座位{
背景:url('http://tik8.com/assets/user/img/chairs.png')无重复100%-113px;
}
.上头大厅李。座位已售出{
背景:url('http://tik8.com/assets/user/img/chairs.png')无重复100%11px;
}
1.登记{
线高:23px;
颜色:#333;
}
.车票存档标签{
颜色:#111;
}
.椅子{
文本对齐:居中;
填充:30px0;
保证金:自动;
显示:表格;
}
.椅子.一排{
明确:两者皆有;
显示:块;
空白:nowrap;
}
.椅子{
浮动:对;
显示:块;
位置:相对位置;
保证金:4倍;
宽度:25px;
高度:21px;
颜色:rgba(0,0,0,0.35);
游标:默认值;
文本阴影:0 1px 0 rgba(0,0,0,0.35);
填充:0;
文本对齐:居中;
}
.椅子a排{
浮动:对;
显示:块;
位置:相对位置;
保证金:4倍;
宽度:25px;
高度:21px;
颜色:rgba(0,0,0,0.35);
游标:默认值;
文本阴影:0 1px 0 rgba(0,0,0,0.35);
文字装饰:无;
填充:0;
文本对齐:居中;
}
.椅子.a排.座椅准备就绪,.椅子.a排.活动{
光标:指针;
}
.chairs.row span.座椅就绪:悬停,.chairs.row span.活动:悬停{
字体大小:粗体;
}
.chairs.row span.seat ready:hover.chairs工具提示,.chairs.row span.active:hover.chairs工具提示{
字体大小:正常;
不透明度:1;
能见度:可见;
过渡:0.2s;
}
.椅子.行跨度.行编号{
颜色:#444;
}
.行名称{
字体大小:13px!重要;
字体大小:粗体;
高度:23px;
位置:绝对位置;
右:10%;
文本对齐:居中;
宽度:40px;
}
.chairs.row span输入[type=“checkbox”]{
位置:绝对位置;
宽度:28px;
高度:21px;
左:0;
排名:0;
不透明度:0;
光标:指针;
z指数:-1;
}
.椅子.排数{
z指数:10;
}
.椅子{
背景:url('http://tik8.com/assets/user/img/chair5.png')不重复0;
颜色:#E6;
}
.椅子.预留座位{
背景:url('http://tik8.com/assets/user/img/cha