Javascript 如何设置facebook风格的数字通知?
我有一个名为getnotification的函数,它是一个json Ajax调用。我需要的是,从这个Ajax调用返回的值是“data.approvalSizelist”。它包含一个通知值的值,比如说“95”,我希望这个值显示为一个通知号,就像我们在facebook中看到的那样,我如何做到这一点Javascript 如何设置facebook风格的数字通知?,javascript,notifications,Javascript,Notifications,我有一个名为getnotification的函数,它是一个json Ajax调用。我需要的是,从这个Ajax调用返回的值是“data.approvalSizelist”。它包含一个通知值的值,比如说“95”,我希望这个值显示为一个通知号,就像我们在facebook中看到的那样,我如何做到这一点 function getNotificationNumber(){ $.ajax({ dataType: "json",
function getNotificationNumber(){
$.ajax({
dataType: "json",
url: "retrieveApprovalNotificationNumber.action",
data: null,
success: function(data) {
alert(data.approvalSizelist);
},
error: function() {
alert("error");
}
});
}
我想在“批准”的顶部显示该值,如何执行此操作?在“成功”功能中,您可以这样做
$('#divelementid').html(data.approvalSizelist);--assigns data
$("#divelementid").show();--show
$('#divelementid').delay(4000).hide();--hide element after some time
您可以在HTML中的某个地方使用唯一id标识一个div标记
<div id="approval-size-list"></div>
#标记用于按ID进行选择
然后可以对上述选定元素调用.html()方法。
.html()方法接受一个参数,该参数是要显示的内容
$("#approval-size-list").html(data.approvalSizelist);
我还想知道,我们如何在单击相应通知后隐藏通知。它工作正常,但在指定时间后,这将执行隐藏功能,我需要的是单击通知后,通知应自动关闭。@Coder-然后您应在div上附加click事件并停止当前执行
$("#approval-size-list").html(data.approvalSizelist);