jquery – 如何根据Model值隐藏div元素? MVC

前端之家收集整理的这篇文章主要介绍了jquery – 如何根据Model值隐藏div元素? MVC前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我现在所拥有的
hidden="@(Model.IsOwnedByUser||!Model.CanEdit)"

这可以在Chrome上正常工作,但不能隐藏在Internet Explorer上

我也尝试了可见性设置错误,但没有运气。

然后我发现了另一种风格如下

style="@(Model.IsOwnedByUser||!Model.CanEdit)?'display:none'""

我不能让它奏效使用Razor语法隐藏元素的正确格式是什么?

或者我会使用Jquery隐藏元素。但是它实际上可能打印出在页面加载时隐藏元素的jquery语句吗?

解决方法

下面的代码应该根据你的Model的CanEdit属性值应用不同的CSS类。
<div class="@(Model.CanEdit?"visible-item":"hidden-item")">Some links</div>

但是如果它像编辑/删除链接那样重要,那么你不应该只是隐藏,因为人们可以在浏览器中更新css类/ HTML标记,并访问你的重要链接。相反,您应该只是简单地将重要的东西呈现给浏览器。

@if(Model.CanEdit)
{
  <div>Edit/Delete link goes here</div>
}
原文链接:https://www.f2er.com/jquery/183024.html

猜你在找的jQuery相关文章