使用jquery设置css属性

时间:2013-05-27 11:23:59

标签: javascript jquery asp.net-mvc css3

如何在_ViewStart.cshtml中使用jquery设置css属性? 因为我需要在_Viewstart.cshtml中设置css属性,所以我真的不知道如何将css文件传递给viewstart。我知道如何更改属性,但我不知道如何从CSS中获取此元素。这就是我现在做了多少:

@using Repository
@using Services
@{
var servicetemp = ServiceFactory.Instance.CreateTemplateService();
Layout = "~/Views/Shared/_Layout.cshtml";
if (Request.IsAuthenticated)
{
    var TemplateIDSession = Session["TemplateID"];

    if (TemplateIDSession != null)
    {
        int tempID = (int)TemplateIDSession;
        var template = servicetemp.GetEntry(tempID);

        <script type="text/javascript">
            $("Body").css({ background-color: "#" + "@template.TempBG" }),
            $("Header").css({background-color: "#" + "@template.TempBG" });
        </script> 
    }
}
}

- UPDATE-- 这是新的JavaScript代码:

<script type="text/javascript">
    $("body").css('background-color:', '#' + '@template.TempBG'),
    $("#Layout").css('background-color:', '#' + '@template.TempBG');
</script> 

但它仍无法替换css元素的值,css文件位于另一个文件夹中

2 个答案:

答案 0 :(得分:0)

无法为jquery css方法提供json对象。你必须首先从你的json对象创建一个字符串,然后将它传递给css方法。

答案 1 :(得分:0)

你想提及

$("Body").css('background-color', 'red'),
$("Header").css('background-color', 'green');

如果您当时想要更多css属性,请提及

 $("Body").css({'background-color': '#ffe', 'border-left': '5px solid #ccc'})
 $("Header").css({'background-color': '#ffe', 'border-left': '5px solid #ccc'})