从视图中删除消息？

每次用户点击un阅读div区应删除，下面是我的HTML和JavaScript。什么以眼下的情况是，当你点击未读它在后端，而不是在前端屏幕的一切，我认为它得到与我的JavaScript线做$('#Unreadmessage').closest(".messagearea").remove();请指教从视图中删除消息？

<div class="alert alert-default alert-dismissible messagearea" role="alert" style="background: rgb(233, 233, 233);"> 

<button class="close" aria-label="Close" type="button" data-dismiss="alert"><span aria-hidden="true">×</span></button> 

<div id="Unreadmessage" class="markmessage" data-messageid="@message.Id"> 

<p class="small"><i class="fa fa-envelope" aria-hidden="true"></i> Unread</p></div> 

<p class="small"><i class="fa fa-calendar" aria-hidden="true"></i> @message.CreatedOn.ToString("dd MMM yyyy")</p> 
              <p class="small" style="font-weight: bold;"><i class="fa fa-info" aria-hidden="true"></i> Claim ref. @message.CaseNumber</p> 

<p>@message.Message <a href="@Url.Action("Details","Enquiry" , new { id = @message.EnquityId })">More.</a></p> 

</div>

下面是我的javascript

$("#Unreadmessage").click(function() { 
var messageId = $(this).data("messageid"); //need to pass this message ID to controller. 
var isread = true; //True by default 
//I need to pass the messageID to server which is CRM 
$.ajax({ 
url: "@Url.Action("MarkMessage", "Enquiry")", //Need to add my URl here 
type: "POST", 
data: { messageId: messageId, isread: true }, //Get messageId and isread values 
dataType: "json", 
success: function (response) { 
$('#Unreadmessage').closest(".messagearea").remove(); 
    } 
    });

来源

2016-10-19 Sam

如果你的意思是删除内容就像点击X，那么也可以通过只将实现数据驳回=“警戒”在p（未读的容器）。

要只删除未读，最好将更新后端更新为（例如）单击“更多”时。然后您必须决定是显示Read还是不显示。

<p data-dismiss="alert" class="small"><i class="fa fa-envelope" aria-hidden="true"></i> Unread</p>

来源

2016-11-20 14:52:57

从视图中删除消息？

回答

相关问题