#centerdiv {
position:fixed;
top: 40%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
border: 1px solid #ccc;
background-color: #f3f3f3;
-moz-border-radius: 15px;
border-radius: 15px;
}
#errorcenterdiv {
position:fixed;
top: 40%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
border: 1px solid #ccc;
background-color: #f3f3f3;
-moz-border-radius: 15px;
border-radius: 15px;
}
有人可以告诉我为什么我无法在jquery上完成这项工作我不知道我开始相信我不认识的css代码有问题。
答案 0 :(得分:0)
即使问题还不清楚,但根据标题,我假设您正在寻找通过javascript将css类应用于div的代码。
这是代码
HTML
<div id="mydiv">abc</div>
这里是jQuery
$("#mydiv").attr("class", "mynewclass");
答案 1 :(得分:0)
我认为你错了你的CSS符号。井号(#
)是将这些样式应用于标记中的相应id
。如果您正在寻找课程,您可以这样做:
.centerdiv {
position:fixed;
top: 40%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
border: 1px solid #ccc;
background-color: #f3f3f3;
-moz-border-radius: 15px;
border-radius: 15px;
}
.errorcenterdiv {
position:fixed;
top: 40%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
border: 1px solid #ccc;
background-color: #f3f3f3;
-moz-border-radius: 15px;
border-radius: 15px;
}
然后你会使用jQuery来设置它们,如下所示:
$('div#someId').addClass('centerdiv');
答案 2 :(得分:0)
如果您尝试动态添加样式,请使用ID引用,但使用类添加样式。使用ID来追加样式会产生意想不到的后果(没有应用样式)
所以如果你想要一个居中的div
<div id="centerMe">stuffing</div>
只需通过ID(centerMe)引用,并添加一个类(centerDiv):
$('#centerMe').attr('class','centerDiv');
或
$('#centerMe').addClass('centerDiv');
你的css规则应该有“点”(。)而不是“hash”(#)
.centerdiv {
position:fixed;
top: 40%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
border: 1px solid #ccc;
background-color: #f3f3f3;
-moz-border-radius: 15px;
border-radius: 15px;
}