Javascript 如何设置facebook风格的数字通知?

Javascript 如何设置facebook风格的数字通知?,javascript,notifications,Javascript,Notifications,我有一个名为getnotification的函数,它是一个json Ajax调用。我需要的是,从这个Ajax调用返回的值是“data.approvalSizelist”。它包含一个通知值的值,比如说“95”,我希望这个值显示为一个通知号,就像我们在facebook中看到的那样,我如何做到这一点 function getNotificationNumber(){ $.ajax({ dataType: "json",

我有一个名为getnotification的函数,它是一个json Ajax调用。我需要的是,从这个Ajax调用返回的值是“data.approvalSizelist”。它包含一个通知值的值,比如说“95”,我希望这个值显示为一个通知号,就像我们在facebook中看到的那样,我如何做到这一点

     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);