前端之家收集整理的这篇文章主要介绍了
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