Используйте jQuery для изменения значения CSS

Question

Если у меня есть фоновое изображение, определенное как:

#header
{
    width: 100%;
    background: url(/Content/images/header.jpg) -0 0 no-repeat;
}

, и я хочу перезаписать его после загрузки страницы.Разве этот код не должен работать?

$("#header").css('background-image', '/Content/images/aff/header_<%=affiliateID%>.jpg')

РЕДАКТИРОВАТЬ: Как уже говорилось, сценарий должен запускаться после загрузки страницы ... и вот тут все немного усложняется.Это приложение MVC ... этот код находится на главной странице, но вложен в элемент управления 'RenderPartial': [на my.Master]

 <% Html.RenderPartial("showLoginStatus"); %>

Тогда внутри этого элемента управления showLoginStatus.ascx есть:

<script type="text/javascript">
$(document).ready(function(){
    $("#header").css('background-image', '/Content/images/aff/header_<%=affiliateID%>.jpg')
    alert('this');
}
</script>

при добавлении оболочки «document.ready», altert никогда не срабатывает.Таким образом, кое-что, связанное с тем, когда тот контроль предоставлен, портит вещи.Мой измененный фон, вероятно, обработан .... он просто переписан, потому что он существует в таблице стилей.(все, что мне нужно сделать, это удалить его оттуда?) [уходит, чтобы попробовать это]

Answer 1

Вы должны сделать это после загрузки страницы, и это сделано с:

$(document).ready(function(){
  $("#header").css('background-image', 'url(/Content/images/aff/header_<%=affiliateID%>.jpg)');
});

Answer 2

Используйте это

$(document).ready(function(){
    $("#header").css('background', 'url(/Content/images/aff/header_<%=affiliateID%>.jpg) no-repeat');
});

Вы также должны добавить «без повтора».

Если вам нужно использовать несколько стилей, попробуйте это:

$(document).ready(function(){
    $("#header").css({
      'width':'50%',
     'background':'url(/Content/images/aff/header_<%=affiliateID%>.jpg) no-repeat'
  });
});