jquery - 在 MVC 4 中寻找警报或通知

Question

观看下一张图片。

它类似于警报或通知，其中一些在边框右侧有一个关闭按钮。

我想在我的MVC 4项目中实现这个警报可以关闭（我想这是使用 COOKIES 完成的）

我不知道这是否可以使用JQUERY一些HtmlHelper扩展来完成。你能提到我可以使用的组件名称吗？我真的一个都不认识。

Answer 1

方法1：您可以制作局部视图，并在他们单击角落的x时将其隐藏

您将根据视图模型中的值有选择地显示部分视图

in the container viewmodel you could have...
@{if (Model.IsVisitor)
       @Html.Partial("CustomAlert",Model.Message);
 }};

然后你可以有一个部分视图 CustomAlert.cshtml

<div id="custom-alert" class="custom-alert">
   <div id="close-custom-alert" class="custom-alert-top-right">&#x2716;</div>
   <p style="width:95%"> @Model </p>
</div>

<script>
       $('#close-custom-alert').click(function(){$('#custom-alert').hide()});
</script>

<style>
   .custom-alert { position: relative; background-color:cornsilk; }
   .custom-alert-top-right   { position : absolute; top:5px; right:5px; padding-5px; }
</style>

---

方法 2 见 jquery ui modal dialog http://jqueryui.com/dialog/#default和http://jqueryui.com/dialog/#modal。您可以根据视图中的值弹出对话框，例如

$(function(){
 if ('@Model.IsVisitor'){
  $( "#dialog-modal" ).dialog({
   height: 140,
   modal: true
  });
 }
});