我正在使用帶有剃鬚刀引擎的ASP.NET MVC3。我想根據頁面調用在body標籤上應用css類。 我想在子頁面添加類名,它會影響具有body標籤的佈局頁面。 並且不想使用jquery,因爲它在頁面呈現後執行。 我該怎麼做?如何使用C#文件在body標籤上應用css類
回答
首先,jQuery的.ready函數在DOM可用後執行,因此它是開始與頁面元素進行交互的最佳時機。 (http://api.jquery.com/ready/)如果您遇到導致樣式「閃爍」的行爲,則可能無法將display:none應用於body元素,並在應用了css類後將其刪除。
但是如果你真的不想使用jQuery,你應該考慮製作一個變量來保存你的css類名作爲你的控制器發送給Views的viewmodel的一部分,或者使用ViewBag.CssClass在你的每個控制器的動作中(或者在基本控制器的OnActionExecuting方法中聲明)
這裏要考慮的事情是理解和遵循MVC模式,其中視圖和業務邏輯應該被分開,所以我認爲你應該避免涉及控制器在視圖中構建過程
雖然您可能完全控制了HTML,但解決方案是需要的,因此這裏是一個;-)
在_layout.cshtml頁面
<body class="@RenderSection("BodyClass", false)">
這將尋找在所有子頁面的部分,但如果它無法找到你的孩子一個視圖
然後說不用擔心只要做到這一點
@section BodyClass {productList}
保持在一行,然後輸出的HTML看起來很好,也可以建立類名稱。
@section BodyClass {productList generic}
這種想法去完善與DOM就緒頁特定的代碼,爲什麼不籤 http://paulirish.com/2009/markup-based-unobtrusive-comprehensive-dom-ready-execution/
還是我在這裏擴展版本 https://github.com/AaronLayton/H5BP-Core
我的方式讓你做網頁的特定代碼,但允許你將所有的Javascript保存在不同的頁面中,這樣每個頁面都可以輕鬆管理。最後一步將是串聯和所有的JS再壓縮至1個文件;-)
阿龍的回答上面MVC 3的偉大工程,但我發現,MVC 4,當單線上部分的語句扼流圈:
@section BodyClass {productList}
相反,你需要使用:
@section BodyClass {@("productList")}
這是很容易簡單地把你的主要佈局以下
<body class="@ViewBag.BodyClass">
然後在內容頁的說:
@{
ViewBag.BodyClass = "myClass";
}
問題解決了!
- 1. 閱讀<body>使用C#編寫HTML文件的標籤
- 2. 如何使用css爲body標籤設置背景圖片?
- 3. 如何在我的響應式css上使用ID標籤?
- 4. 如何將backstrech插件應用於div而不是body標籤?
- 5. 如何在C#事件中使用HTML和CSS標籤?
- 6. 將css類添加到body標籤c的反射#
- 7. Magento的2:如何CSS類添加到body標籤編程
- 8. 試圖在IE中使用CSS移動body標籤
- 9. 如何調用Body標籤內的Javascript文件
- 10. 如何在CSS中使用*標籤?
- 11. 如何在serverfbml標籤內使用CSS?
- 12. 在錨標籤上使用CSS Sprite
- 13. 如何使用標籤c#
- 14. 如何在標籤上應用css邊距
- 15. 我如何在HTML body標籤內找到內聯CSS樣式?
- 16. 如何在Autocad文件中使用C#獲取標籤名稱
- 17. 如何通過點擊錨標籤來禁用body標籤上的onload功能?
- 18. AngularJs始終應用類最後一個body標籤
- 19. 如何在一個類上應用css?
- 20. 如何在runTime上應用css類
- 21. 如何在css標籤中使用django模板標籤?
- 22. 如何在yii2的佈局中將css類添加到body標籤中?
- 23. 獲取文本body標籤
- 24. 如何在C#Dropdownlist中使用html標籤顯示上標
- 25. 如何將css標籤僅應用於指定的類
- 26. 如何使用jquery在標籤上應用遮罩?
- 27. 如何在auth-required應用上使用OpenGraph標籤?
- 28. 使用jQuery爲body標籤添加類Cycle
- 29. 如何使用<body>標籤與iframe
- 30. 如何在iframe標籤上使用onclick
我已經使用了這個方法一段時間,但它不喜歡MVC 4中的單行節語句。你是否也看到過MVC 4?有任何想法嗎? – 2013-02-19 20:17:28
我剛找到答案。我會在下面發佈。 – 2013-02-19 20:41:38