Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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 是什么导致我的行在使用html、css和js构建的表中消失?_Javascript_Html_Css_Twitter Bootstrap_Modal Dialog - Fatal编程技术网

Javascript 是什么导致我的行在使用html、css和js构建的表中消失?

Javascript 是什么导致我的行在使用html、css和js构建的表中消失?,javascript,html,css,twitter-bootstrap,modal-dialog,Javascript,Html,Css,Twitter Bootstrap,Modal Dialog,在添加模态触发器之前,表的行就在那里,看起来不错。我相信这与我放在桌子上的按钮有关。我刚刚开始处理HTML/CSS/JS,所以这对我来说仍然是非常新和不同的。任何对我今后的工作有帮助的建议,我也非常感激 $('.toggleModal')。打开('click',函数(e){ $('.modal').toggleClass('active'); }); html{ 字体:0.75em/1.5无衬线; 颜色:#333; 背景色:#fff; 填充:1em; } /*桌子*/ 桌子{ 宽度:100%;

在添加模态触发器之前,表的行就在那里,看起来不错。我相信这与我放在桌子上的按钮有关。我刚刚开始处理HTML/CSS/JS,所以这对我来说仍然是非常新和不同的。任何对我今后的工作有帮助的建议,我也非常感激

$('.toggleModal')。打开('click',函数(e){
$('.modal').toggleClass('active');
});
html{
字体:0.75em/1.5无衬线;
颜色:#333;
背景色:#fff;
填充:1em;
}
/*桌子*/
桌子{
宽度:100%;
边缘底部:1米;
边界塌陷:塌陷;
边界:1px;
}
th{
字体大小:粗体;
背景色:#ddd;
}
运输署{
填充:0.5em;
边框:1px实心#ccc;
边界:1px;
}
a、 钮扣{
-webkit外观:按钮;
-moz外观:按钮;
外观:按钮;
文字装饰:无;
颜色:首字母;
}
@字体{
字体系列:“ios7图标”;
src:url(“//ios7-icon-font-demo.herokuapp.com/font/ios7-icon.woff”)格式(“woff”),url(//ios7-icon-font-demo.herokuapp.com/font/ios7-icon.ttf”)格式(“ttf”);
字体大小:正常;
字体风格:普通;
}
*,
*:之前,
*:之后{
-moz框大小:边框框;
-webkit框大小:边框框;
框大小:边框框;
}
身体{
填充:50px;
字体系列:“Helvetica Neue”!重要;
字体大小:300;
}
.包装纸{
最大宽度:500px;
保证金:0自动;
}
h1{
字号:100;
字体大小:45px;
颜色:#007aff;
}
氢{
字号:500;
字号:21px;
边缘底部:15px;
}
部分{
边缘顶部:30px;
}
第p节{
线高:1.4;
边缘底部:20px;
}
钮扣{
-webkit外观:无;
-moz外观:无;
-ms外观:无;
-o-外观:无;
外观:无;
-moz边界半径:6px;
-webkit边界半径:6px;
边界半径:6px;
边界:无;
大纲:无;
字体:继承;
光标:指针;
保证金:0;
填充:0;
/*背景:#ffffff*/
颜色:#007aff;
字体大小:300;
字体大小:14px;
-moz边界半径:0px;
-webkit边界半径:0px;
边界半径:0px;
/*&:最后一个孩子{
边框颜色:红色;
页边距底部:0;
}*/
}
按钮:悬停{
文字装饰:下划线;
}
按钮。按钮边框{
-moz边界半径:5px;
-webkit边界半径:5px;
边界半径:5px;
填充:10px 12px 8px 12px;
边框:1px实心#007aff;
}
/*按钮。按钮边框:悬停{*/
/*背景:#007aff*/
/*颜色:#ffffff*/
/*文字装饰:无*/
/* } */
/*button.button-success{*/
/*颜色:#4dd865*/
/*边框颜色:#4dd865*/
/* } */
/*按钮。按钮成功:悬停{*/
/*背景#4dd865*/
/* } */
/*button.button错误{*/
/*颜色:#ff3b30*/
/*边框颜色:#ff3b30*/
/* } */
/*按钮。按钮错误:悬停{*/
/*背景#ff3b30*/
/* } */
.莫代尔{
显示:无;
位置:固定;
最高:50%;
左:50%;
宽度:430px;
高度:自动;
左边距:-200px;
利润上限:-150px;
背景色:#ffffff;
填充:25px;
边界半径:5px;
z指数:10;
盒影:09999px rgba(0,0,0,0.5);
}
.modal.active{
显示:块;
}
.模态标题{
位置:相对位置;
}
.模态h2{
文本对齐:居中;
}
.莫代尔,结束{
位置:绝对位置;
顶部:3px;
右:0;
保证金:0;
}
.向右拉{
浮动:对;
}
.图标{
显示:内联块;
字体大小:继承;
字体系列:“ios7图标”;
右边距:5px;
颜色:继承;
-webkit文本呈现:几何精度;
-moz文本呈现:几何精度;
-ms文本呈现:几何精度;
-o-文本呈现:几何精度;
文本呈现:几何精度;
}

雇员
雇员姓名
ChargeNum
小时
时间表批准
123
迈克
10
40
时间表批准
雇员
雇员姓名
ChargeNum
小时
时间表批准
雇员
雇员姓名
ChargeNum
小时
接近
要批准时间表并将其提交给WAM,请按“批准”,要拒绝时间表供以后查看,请按“不批准”

 批准  不赞成

在上面的代码中。删除
边框:1px

请重新格式化代码。为了方便起见,您应该在JSFIDLE或codepen中更新示例supportting@HaHuuTin-只需单击
代码段编辑器,这一点同样好case@Durango-我给你写了一段。到底是什么问题?您有三个嵌套的
s。原则上这很好,但是两个外部的没有任何其他内容,也没有正文、行或单元格。如果要向标记添加多个属性,只需将它们全部放在那里:
(对我来说没有消失的行:)@mplungjan-因此在表中我想要行和列行。对不起,我才意识到我的问题不是一个真正的问题。那些台词,哈哈,很好的发现!非常感谢你
td {
  padding: 0.5em;
  border: 1px solid #ccc;
  border: 1px;
}