jquery .css () .attr () я попробовал все

Question

#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 что-то не так, что я не узнаю.

Answer 1

Я думаю, что вы ошибаетесь в своих 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');

Answer 2

если вы пытаетесь добавить стили динамически, используйте идентификаторы для ссылки, но классы для добавления стиля. использование идентификаторов для добавления стилей может иметь непредвиденные последствия (стили не применяются)

так что если вы хотите центрированный div

<div id="centerMe">stuffing</div>

просто ссылка через ID (centerMe) и добавление класса (centerDiv):

$('#centerMe').attr('class','centerDiv');

или

$('#centerMe').addClass('centerDiv');

ваше правило css должно иметь "точку" (.) Вместо "хеш" (#)

.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;
}

Answer 3

Даже вопрос не ясен, но в соответствии с заголовком я предполагаю, что вы ищете код применения класса css к div с помощью javascript.

Вот код

HTML

<div id="mydiv">abc</div>

А вот jQuery

$("#mydiv").attr("class", "mynewclass");