jquery - 使用 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”控件中:[在我的.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”包装器时，alt 永远不会触发。因此，与何时呈现该控件相关的事情正在搞砸。我更改的背景可能已被处理....它只是被重写了，因为它存在于样式表中。 (我所要做的就是将它从那里移除？)[匆匆离开去尝试]

Answer 1

您需要在页面加载后执行此操作，这是通过以下方式完成的:

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