如何在頁面加載MVC 5之前將css類設置爲body？

默認的類爲身體是「skin-2」。但是，當用戶設置任何皮膚說它的頁面主體類的「皮膚-1」或「皮膚-3」，它保存在數據庫中。當他下次登錄時，那麼該皮膚即「皮膚-1」或「皮膚-3「應該應用於身體。但在應用之前，首先顯示默認皮膚，即」skin-2「，然後顯示」skin-1「或」skin-3「。如何在頁面加載MVC 5之前將css類設置爲body？

我的主頁是：

<body class="skin-2">

我jQuery代碼是：

$(document).ready(function() { 
    if (themeSelected == "PlasticBlue") { 
     $('body').removeClass('skin-2')addClass('skin-1'); 
    } 
    if (themeSelected == "Metropolis") { 
     $('body').removeClass('skin-2').addClass('skin-3'); 
    } 
});

來源

2015-10-26 jayesh patil

你可以在'razor view'本身而不是'document.ready'中對嗎？ –

你可以顯示控制器，你從數據庫中獲得的css值 –

有存儲在數據庫即你的情況skin-2默認CSS類值。當用戶登錄時，從數據庫中獲取該值並將其存儲在ViewBag中，然後查看顯示。如果數據庫中的CSS值發生更改，它將傳遞給主體類屬性。

public ActionResult LogIn() 
{ 
    @ViewBag.css= getCssClass(); // get the css class from the Database 
    return View(); 
}

而在視圖中，您只需將ViewBag值傳遞給主體類屬性即可。

<body class="@ViewBag.css">

來源

2015-10-26 07:16:34

感謝您的答案 –

@jayeshpatil歡迎您！ –

如何在頁面加載MVC 5之前將css類設置爲body？

回答

相關問題