MVC - 将 CSS 类应用于 div，如果有人在不使用 JavaScript 或 jQuery 的情况下单击该 di

Question

>我正在开发 MVC4 应用程序

@{
    var = mydivID;
}
<div id="mydivID"></div>

如果有人点击 mydiv 或当它处于活动状态时，则添加 css class="active"

喜欢这个：

在有人点击 mydiv = <div id="mydivID"></div>

之前

有人点击 mydiv = <div id="mydivID" class="active"></div>

我不想使用JavaScript或jQuery。

请帮助我....提前谢谢你。

Answer 1

如果没有 JavaScript，你就无法动态更改 DOM 的内容。您唯一的其他选择是全新的请求周期。

视图

@{
    var active = ViewBag.Active as bool? ?? false;
}
<a href="@Url.Action("ThisAction", "ThisController", new { divClicked = true })">
    <div id="mydivID" class="@(active ? "active" : "")"></div>
</a>

控制器

public ActionResult ThisAction(bool? divClicked)
{
    ViewBag.Active = divClicked.HasValue ? divClicked : false;    
    return View();
}

使用适当的模型而不是ViewBag的奖励积分，但这说明了这个想法。

如果您有多个div 并希望其中任何一个是可点击的，您可以尝试为它们分配不同的 ID，并将div 的 ID 传递到操作（然后是 ViewBag）中。